实用的清除浮动的方法

　　本方法未测试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"即可清除浮动。

 1     <ul class="clearfix">
 2         <li class="fl">
 3             <a href="javascript:void(0);"></a>
 4         </li>
 5         <li class="fl">
 6             <a href="javascript:void(0);"></a>
 7         </li>
 8         <li class="fl">
 9             <a href="javascript:void(0);"></a>
10         </li>
11         <li class="fl">
12             <a href="javascript:void(0);"></a>
13         </li>
14     </ul>