使用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;}
原因：如果包含块太窄，无法容纳水平排列的浮动元素，那么其他浮动块向下移动，直到有空间的地方。