实用的清除浮动的方法

　　本方法未测试ie6，在其它绝大多数浏览器中均可使用。 

　　在css里面作如下定义，然后给需要清除浮动的元素添加类名clearfix即可。

　　　　.clearfix { display: block; *display: inline-block; _height: 1%; }
　　　　.clearfix:after { content: '20'; display: block; clear: both; height: 0; visibility: hidden; }

　　下例中，fl在css的定义是.fl{ float: left; } 

　　例如：ul中包含多个左浮动的li，只要给ul加上class="clearfix"即可清除浮动。

    <ul class="clearfix">
        <li class="fl">
            <a href="javascript:void(0);"></a>
        </li>
        <li class="fl">
            <a href="javascript:void(0);"></a>
        </li>
        <li class="fl">
            <a href="javascript:void(0);"></a>
        </li>
        <li class="fl">
            <a href="javascript:void(0);"></a>
        </li>
    </ul>