首页 > 开发 > CSS > 正文

老生常谈css中float的用法

2024-07-11 08:32:40

字体：大中小

来源：转载

供稿：网友

关于float很早就接触了，下面结合一个小demo谈谈。

1:在页面布局中，假设有两个div，需求是两个div在同一排上；其中解决办法之一就是利用浮动，

eg:

XML/HTML Code复制内容到剪贴板

<li style="border-top: 1px #CCCCCC dashed;border-bottom: 1px #CCCCCC dashed;"> <div class="g-position_a">职位简介</div>
<div class="g-position_b"> <dl class="g-position_list fl">
<dd>职位名称：php工程师</dd> <dd>工作经验：1-3年</dd>
<dd>招聘人数：10人</dd> <dd>最低学历：不限</dd>
</dl>
<dl class="g-position_list fr"> <dd>月薪：3000-5000元（个税计算）</dd>
<dd>年龄：不限</dd> </dl>
</div>
</li>
<div class="box" style="width:300px;height:300px;></div>

上一篇：前端必须要掌握的几个CSS3的属性详解

下一篇：CSS3实现时间轴效果

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注