首頁猿問 ?對(duì)于清除浮動(dòng)至今還是不太理解

?對(duì)于清除浮動(dòng)至今還是不太理解

CSS3

AllySu 2017-10-06 11:00:13

.clearfix::before, .clearfix::after?{ ????content:?"."; ????display:?block; ????height:?0; ????visibility:?hidden; } .clearfix:after?{clear:?both;} .clearfix?{zoom:?1;}

查看完整描述

2 回答

qq_簡(jiǎn)單點(diǎn)_14

TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超0個(gè)贊

你可以去看看css-float 深入理解這一課，里面有很詳細(xì)的講解

反對(duì) 回復(fù) 2017-10-08

AllySu
恩恩，謝謝

回復(fù) 2017-10-08

待浮華浪盡

TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超0個(gè)贊

是對(duì)上面的代碼不是很了解嗎？還是？？

反對(duì) 回復(fù) 2017-10-06

AllySu
是啊，看不明白啊

回復(fù) 2017-10-06
待浮華浪盡
.clearfix{*zoom:1;}沒有設(shè)置父元素寬的情況下，沒有*zoom:1,ie7以下會(huì)不兼容，你可以試試只有下面的代碼在ie7是沒有清出浮動(dòng)效果的 .clearfix:after{content:"";clear:both;display:block;}這個(gè)是你應(yīng)該明白設(shè)置空div清除浮動(dòng)的做法。after是內(nèi)聯(lián)元素，所以得用塊元素轉(zhuǎn)化。

回復(fù) 2017-10-06