                        課程
                    
                        /前端開發
                        
                            /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

關注問題我要回答

3742

操作

收起

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.xianlaiwan.cn/qadetail/226019