清除浮动的方法

目前我用到过几个清除浮动的方法：

1、直接用clear属性。比如：clear:both;

2、给个空的div.

3、用定位取代浮动

4、就是用伪类，通过 :after 在元素后面添加一块区域，然后将其隐藏，可以弥补 overflow: hidden; 的缺陷。

如：

.clearfix:after{

   content:"";

   display:block;

   clear:both;

   visibility:hidden;

   font-size:0;

   height:0;

}

.clearfix{

   *display:inline-block;

   _height:1%;

}