css float属性の解除は、after疑似要素で。

今更。。。
css float属性の解除は、after疑似要素を使うのがいい。

<ul class="foo">
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ul>
<ul>
    <li>d</li>
    <li>e</li>
    <li>f</li>
</ul>

に対して、

.foo:after{ content: ""; display: block; clear: both; }

.foo li{
   float: left;
   list-style: none;
   
   width: 50px;
   border: 1px solid #808080;
}