能詳細(xì)講解一下為什么要用clearFloat么?
.clearFloat{ zoom: 1;}/*設(shè)置或檢索對(duì)象的縮放比例。*/
.clearFloat:after{
? ?display: block;
? ?clear: both;/*清除兩側(cè)浮動(dòng)*/
? ?content: '';/*用來(lái)和 :after 及 :before 偽元素一起使用，在對(duì)象前或后顯示內(nèi)容。*/
? ?visibility: hidden;/*規(guī)定元素是否可見。仍占位置*/
? ?height: 0;
}
直接用float:left/right和clearFloat有啥區(qū)別?
2017-07-14
IE6/7只能通過觸發(fā)hasLayout屬性來(lái)實(shí)現(xiàn)清除浮動(dòng)、避免容器高度崩塌，而通過zoom:1可以觸發(fā)hasLayout。
這個(gè)是IE老版本瀏覽器本身的問題。
.fix?{?zoom:?1;?}現(xiàn)代瀏覽器則可以用
.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://idcbgp.cn/qadetail/226019
2017-07-14
zoom及IE的hasLayout。以上網(wǎng)址錯(cuò)了，以上是正確的
http://xfhnever.com/2014/07/30/css-zoom/
2017-07-13
元素浮動(dòng)的時(shí)候float:left/right脫離文檔流，如果父元素沒有設(shè)置高度的話，浮動(dòng)會(huì)讓父元素高度塌陷，浮動(dòng)的元素直接跑到父容器框外，因此需要清除浮動(dòng)，讓父元素包含浮動(dòng)的元素。
float:left/right就是讓元素產(chǎn)生向左或向右浮動(dòng)的效果，clearFloat就是清理浮動(dòng)帶來(lái)的負(fù)面影響。