浮动float是常用的css属性，可以设置左浮动float：left；右浮动float：right；不浮动float：none；浮动会影响到前后标签 、引起父容器塌陷，导致页面布局出错等问题。这篇文章就整理清除float的多种方法。
1.使用overflow属性
.clearfix{
overflow:hidden;width:100%;
}
.clearfix{
overflow:auto;_height:1%
}
2.使用额外标签
.clearfix{
clear:both;height:0;overflow:hidden;
}
3.使用伪元素
.clearfix:after{
content:"";display:block;height:0;clear:both;visibility:hidden
}
.clearfix{
*+height:1%;
}
/*兼容IE，或者.clearfix{zoom:1;}*/
4.其它方法
1、给父元素加display：inline-block；
2、给父元素添加高度；
3、给父元素也加浮动；
4、浮动元素下加<br clear="all"/>
总结：
服务热线 19970861797
