                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /从 psd 到 html

能详细讲解一下为什么要用clearFloat么?

.clearFloat{ zoom: 1;}/*设置或检索对象的缩放比例。*/
.clearFloat:after{
display: block;
clear: both;/*清除两侧浮动*/
content: '';/*用来和 :after 及 :before 伪元素一起使用，在对象前或后显示内容。*/
visibility: hidden;/*规定元素是否可见。仍占位置*/
height: 0;

}

直接用float:left/right和clearFloat有啥区别?

mengniu

2017-07-13

源自：从 psd 到 html 4-3

关注问题我要回答

3700

操作

收起

3 回答

花森煜米回答被采纳 +3 积分
2017-07-14

IE6/7只能通过触发hasLayout属性来实现清除浮动、避免容器高度崩塌，而通过zoom:1可以触发hasLayout。

这个是IE老版本浏览器本身的问题。

.fix { zoom: 1; }

现代浏览器则可以用

.clearfix:after {
    content: '.';
    display: block;                                        
    height: 0;
    visibility: hidden;
    clear: both;
 }

What is haslayout?

https://stackoverflow.com/questions/1794350/what-is-haslayoutzoom及IE的hasLayout

zoom及IE的hasLayout

http://www.imooc.com/qadetail/226019