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