清除浮动不需兼容IE
浮动的理解与为何清除浮动:
浮动功效:
实现文字环绕图片效果;
脱离文档流,使得父框塌陷(但是IE7及以下根本就不会塌陷);
清除浮动:
解决父框高度塌陷问题;
因为IE7及以下,浮动不会使父框塌陷,所以不需清除浮动
清除浮动方法:
1. 添加空标签,设置 clear:both;
2、设置父框overflow属性:
parent {
overflow: hidden;
}
3、利用after伪元素:
clearfix:after {
content: '';
display: block;
clear: both;
}
最关键点就在这个地方,看着别人写的代码:
两点:1、浮动不能使得IE7及以下“父框塌陷”;2、IE8及以上支持伪元素
因为IE7及以下,浮动不会使父框塌陷,所以不需清除浮动
这个结论不知道是怎么得出来的?会不会塌陷敲一下代码看看不就知道了?
用
zoom:1
的目的是在ie6overflow: hidden
不能清除浮动