以下是引用片段：
#div-1a {
float:left;
width:200px;
} |
7.make two clumn with float|浮动实现两列布局
如果让一个元素float:left;另一个float:right;控制好他们的宽度，就能实现两列的布局效果。
example:
以下是引用片段：
#div-1a {
float:left;
width:150px;
}
#div-1b {
float:left;
width:150px;
} |
8.clear float|清除浮动
如果你不想让使用了float元素的下面的元素浮动环绕在它的周围，那么你就使用clear,clear有三个值，clear:left;(清除左浮动)，clear:right;(清除右浮动)，clear:both;(清除所有浮动)。
example:
以下是引用片段：
<div id="div-1a">this is div-1a</div>
<div id="div-1b">this is div-1b</div>
<div id="div-1c">this is div-1c</div>
#div-1a {
float:left;
width:190px;
}
#div-1b {
float:left;
width:190px;
}
#div-1c {
clear:both;
} |
至此，这个css的定位部分就结束了，你可以动手体会体会加深印象。
如果您对本文有任何疑问或者建议，请到讨论区发表您的意见:
>>
论坛入口 <<
上一页 1 2下一页
上一篇： 仿淘宝网站的导航标签效果 下一篇： 第一章 ＣＳＳ的基本认识
| 
设为主页
收藏本站
相关文章: