float の使用に関するヒント_html/css_WEB-ITnose

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

原因: 含まれているブロックが狭すぎて水平方向に配置されたフロート要素を収容できない場合、他のフロートはスペースができるまで下に移動します。