css清除浮动的方法

1.给父盒子加clearfix类名，代码如下

.clearfix:after {
	content: ".";
	/*加一段内容*/
	display: block;
	/*让生成的元素以块级元素显示，占满剩余空间*/
	height: 0;
	/*避免生成的内容破坏原有布局高度*/
	clear: both;
	/*清除浮动*/
	visibility: hidden;
	/*让生成的内容不可见*/
}

.clearfix {
	zoom: 1;
	/*为IE6，7的兼容性设置*/
}