課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
父級(jí)div的高是否會(huì)被浮動(dòng)元素?fù)纹饋?lái)?清除浮動(dòng)用法?
2017-04-29
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-4
正在回答
1、子級(jí)div使用了浮動(dòng),父級(jí)div的高是不會(huì)被浮動(dòng)元素?fù)纹饋?lái)的(稱之為高度塌陷)
2、清除浮動(dòng)用法:
? ? ?①給父級(jí)加固定的高度(此方法擴(kuò)展性不好,因?yàn)楦讣?jí)的高度一般有子級(jí)內(nèi)容撐開(kāi)。)
? ? ?②給父級(jí)加浮動(dòng)(父級(jí)的margin屬性會(huì)失效)
? ? ?③給父級(jí)元素變成:inline-bolk(父級(jí)的margin左右屬性會(huì)失效)
? ? ?④使用空div標(biāo)簽清除浮動(dòng)<div style="?clear:both"></div>(這樣會(huì)增加無(wú)意義的空標(biāo)簽)
? ? ?⑤使用偽類清除浮動(dòng): ? .box:after{content:"";display:block;?clear:both}
???????????????????? ? ? ? ? ? ? ? ? ? ? ??.box{zoom:1;}/*兼容IE*/ ? ? ? ? ? ? ? ? ?(主流方法)
慕碼人2726656 提問(wèn)者
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答利用浮動(dòng)元素布局,代碼中我的右中怎么顯示不出來(lái)
2 回答浮動(dòng)的問(wèn)題
3 回答關(guān)于布局的小問(wèn)題
3 回答塊狀元素轉(zhuǎn)換成內(nèi)聯(lián)元素和float:。。浮動(dòng)布局!
1 回答關(guān)于浮動(dòng)的問(wèn)題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-05-04
1、子級(jí)div使用了浮動(dòng),父級(jí)div的高是不會(huì)被浮動(dòng)元素?fù)纹饋?lái)的(稱之為高度塌陷)
2、清除浮動(dòng)用法:
? ? ?①給父級(jí)加固定的高度(此方法擴(kuò)展性不好,因?yàn)楦讣?jí)的高度一般有子級(jí)內(nèi)容撐開(kāi)。)
? ? ?②給父級(jí)加浮動(dòng)(父級(jí)的margin屬性會(huì)失效)
? ? ?③給父級(jí)元素變成:inline-bolk(父級(jí)的margin左右屬性會(huì)失效)
? ? ?④使用空div標(biāo)簽清除浮動(dòng)<div style="?clear:both"></div>(這樣會(huì)增加無(wú)意義的空標(biāo)簽)
? ? ?⑤使用偽類清除浮動(dòng): ? .box:after{content:"";display:block;?clear:both}
???????????????????? ? ? ? ? ? ? ? ? ? ? ??.box{zoom:1;}/*兼容IE*/ ? ? ? ? ? ? ? ? ?(主流方法)