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

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