css清除浮动方法

1.双伪元素清除浮动

给父元素添加伪元素样式

.clearfix:after,.clearfix:before {
    content: "";
    display: table;

}
.clearfix:after {
    clear: both;
}
.clearfix { /*IE6,IE7专有  */
    *zoom: 1
}

2单伪元素清除浮动-推荐使用

给父元素添加伪元素样式

.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: "";
    height: 0
}
.clearfix { /*IE6,IE7专有  */
    *zoom: 1
}

3父级添加 overflow:hidden 样式

.clearfix { 
    overflow: hidden;
}

4额外标签法-W3C推荐

在浮动元素末尾添加一个空的标签比如div标签 br标签·