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