清除浮动的常用4种方式

1，额为标签法：（隔墙法）

　　在父级元素里面，给浮动元素的最后一个添加一个空标签（必须是块级元素才行），标签添加clear：both；属性；

2，父级添加overflow属性：

　　可以给父元素添加overflow属性：值可以设置为hidden，auto，scroll属性

3，父级元素添加after伪元素：在父级元素里面浮动的子元素的最后面添加一个伪元素

　　.clearfix:after {

 　　　　content:";
　　　　display:block;
　　　　height:0;
　　　　clear:both;
　　　　visibility:hidden;
　　}

.　　.clearfix{　　/*IE6,7专有*/
　　　　*zoom:1;

　　}

 

4，父级元素添加双伪元素：在父级元素里面浮动的元素最前面和最后面都添加一个伪元素

.clearfix:before, .clearfix:after {

 　　　　content:";

　　　　display:table;

　　}

　　.clearfix:after{

　　　　clear:both;
　　}

.　　.clearfix{　　/*IE6,7专有*/

　　　　*zoom:1;

　　}