清除浮动常见方法

为什么需要清除浮动?

1. 父级没有高度
2. 子盒子浮动了
3. 影响下面布局了

1. :after 伪元素法

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

2. 双伪元素清除浮动

.clearfix:before,.clearfix:after {
	content:"",
	display:table
}
.clearfix:after { 
	clear:both;
}
.clearfix { /* IE6、7专有*/
	*zooom:1;
}

3. 额外标签法

/*在浮动的最后一个元素后面加一个块级空盒子 并设置clear：both*/
.clearfix { 
	clear:both;
}

4. 给父级加overflow:hidden