課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
如題，求解。
2016-09-09
源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-4
正在回答
clearfix的原理： ?通過(guò)給父元素加clearfix，設(shè)置css后使其在該元素后面添加空內(nèi)容content：”.”;再通過(guò)設(shè)置clear:both;清除浮動(dòng)，然后設(shè)置height:0;讓內(nèi)容占據(jù)空間不顯示出來(lái)visibility: hidden;因?yàn)樘砑拥?content內(nèi)容是inline元素，需要轉(zhuǎn)化display:block;又因?yàn)閕e6 ie7不支持:after偽元素， 所以用.clearfix{*zoom:1;}讓
ie6 ie7的元素可以清除浮動(dòng)來(lái)包裹內(nèi)部元素。
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答這里的實(shí)現(xiàn)原理是什么，我怎么看不懂啊
2 回答錯(cuò)誤的原因是什么
6 回答不是很明白這里的原理
2 回答浮動(dòng)模型的原理
2 回答提交按鈕的原理？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-09-09
clearfix的原理： ?通過(guò)給父元素加clearfix，設(shè)置css后使其在該元素后面添加空內(nèi)容content：”.”;再通過(guò)設(shè)置clear:both;清除浮動(dòng)，然后設(shè)置height:0;讓內(nèi)容占據(jù)空間不顯示出來(lái)visibility: hidden;因?yàn)樘砑拥?content內(nèi)容是inline元素，需要轉(zhuǎn)化display:block;又因?yàn)閕e6 ie7不支持:after偽元素， 所以用.clearfix{*zoom:1;}讓
ie6 ie7的元素可以清除浮動(dòng)來(lái)包裹內(nèi)部元素。