清除浮动根本就不需要兼容IE,是这样的吗?

清除浮动不需兼容IE

浮动的理解与为何清除浮动:
    
    浮动功效:
            实现文字环绕图片效果;
            脱离文档流,使得父框塌陷(但是IE7及以下根本就不会塌陷);
    
    清除浮动:
            解决父框高度塌陷问题;
            因为IE7及以下,浮动不会使父框塌陷,所以不需清除浮动


清除浮动方法:

 1. 添加空标签,设置 clear:both;

 2、设置父框overflow属性:
      parent {
          overflow: hidden;
      }

 3、利用after伪元素:
    clearfix:after {
        content: '';
        display: block;
        clear: both;
    }
       

最关键点就在这个地方,看着别人写的代码:

图片描述


两点:1、浮动不能使得IE7及以下“父框塌陷”;2、IE8及以上支持伪元素

根据以上两点,清除浮动根本就不需要兼容IE,也就没有zoom:1;这个属性

阅读 3.5k
1 个回答

因为IE7及以下,浮动不会使父框塌陷,所以不需清除浮动
这个结论不知道是怎么得出来的?会不会塌陷敲一下代码看看不就知道了?
zoom:1的目的是在ie6overflow: hidden不能清除浮动

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题