首页 > 代码库 > 使用float属性的一些小技巧

使用float属性的一些小技巧

html:<div class="leftdiv"><ul class="link">     <li></li>     <li></li>     <li></li>     <li></li>     <li></li>     <li></li>     <li></li>     <li></li></ul></div>css:.leftdiv{width:260px;}.link  li{    float: left;    margin-right: 4px;    margin-top: 4px;    width:118px;}

原因:如果包含块太窄,无法容纳水平排列的浮动元素,那么其他浮动块向下移动,直到有空间的地方。

使用float属性的一些小技巧