清除浮动的四种方法

1、使用伪类来实现清除浮动(:after或者:before)

.clearfix:after{

　　　　　　centent:"";//设置内容为空

　　　　　　height:0;//高度为0

　　　　　　line-height:0;//行高为0

　　　　　　display:block;//将文本转为块级元素

　　　　　　visibility:hidden;//将元素隐藏

　　　　　　clear:both//清除浮动

　　　　　}

.clearfix{

                    zoom:1;//为了兼容IE

             }

2、使用双伪元素清除浮动

             .clearfix:before,.clearfix:after{

               content:"";

              display:block;

              clear:both;

             }

3、使用clear方法

          .clearfix{

            clear:both;

           overflow:hidden;

          }

    本人比较推荐第三种方法~