清除浮动的常用4种方式

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

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

2，父级添加overflow属性：

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

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

 1 　　.clearfix:after {
 2 
 3  　　　　content:";
 4 　　　　display:block;
 5 　　　　height:0;
 6 　　　　clear:both;
 7 　　　　visibility:hidden;
 8 　　}
 9 
10 .　　.clearfix{　　/*IE6,7专有*/
11 　　　　*zoom:1;
12 
13 　　}

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

 1 .clearfix:before, .clearfix:after {
 2 
 3  　　　　content:";
 4 
 5 　　　　display:table;
 6 
 7 　　}
 8 
 9 　　.clearfix:after{
10 
11 　　　　clear:both;
12 　　}
13 
14 .　　.clearfix{　　/*IE6,7专有*/
15 
16 　　　　*zoom:1;
17 
18 　　}

时间如白驹过隙，忽然而已，且行且珍惜......