清除浮动的方式

发表于 | 分类于

清除浮动的方式：

第一：给父元素设置高度

第二：给父元素设置 overflow:hidden ，zoom:1 (zoom :1用来兼容IE6)触发BFC，父元素仍然会被设置了浮动的子元素的高度撑开(如果父元素没有设置高度的话)

第三：伪元素，在当前元素的前后添加伪元素，使该伪元素设置：clear:both;注意height必须设置为0 ，否则该元素回避实际高出若干像素；

1
2
3
4
5
6
7
clearfix::before,clearfix::after {
	content:"";
	display:block;
	visibility:hidden;//伪元素不可见
	line-height:0;
	height:0 ;
}