課程
/前端開發
/HTML/CSS
/CSS深入理解之overflow
避免margin穿透問題,解決方法之4margin自身元素bfc化無法解決啊
2016-02-03
源自:CSS深入理解之overflow 3-1
正在回答
<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title>Document</title> <style> *?{ margin:?0; padding:?0; } body?{ background-color:?grey; } .parent?{ width:?400px; height:?200px; background-color:?black; overflow:?hidden; } .son?{ width:?200px; height:?100px; background-color:?green; margin-top:?20px; } </style> </head> <body> <div> <div></div> </div> </body> </html>
<!--這段代碼在chrome ?火狐 ?edge都測試過可以避免margin穿透-->
舉報
深入理解overflow相關特性及實際應用,為你打開另外一扇學習之窗
1 回答關于padding-bottom缺失問題的解決辦法
2 回答overflow元素自身為包含塊?
1 回答老濕是如何實現absolute元素表現為fixed的?百思不得其解啊
1 回答BFC是什么?
1 回答選擇器寫法問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-02-25
<!--這段代碼在chrome ?火狐 ?edge都測試過可以避免margin穿透-->