使用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;}

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