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; }
原因：如果包含块太窄，无法容纳水平排列的浮动元素，那么其他浮动块向下移动，直到有空间的地方。
原文：http://www.cnblogs.com/disneyland/p/4160755.html