<!doctype html><html> <head> <meta charset="UTF-8"> <title>margin傳遞</title> <style type="text/css"> body { margin: 0; } .d1 { background-color: #6183F3; height: 100px; } .da { background-color: #D60003; height: 200px; } .db { width: 200px; height: 200px; background-color: #FF8D8F; margin: 10px; } .dc { height: 100px; background-color: #6E0001; } </style> </head> <body> <div class="d1"></div> <div class="da"> <div class="db"></div> </div> <div class="dc"></div> </body></html>da的子元素dd設(shè)置外邊距之后左右邊距和上邊距都出現(xiàn)了外邊距，但是為何margin-bottom不把dc（深紅色）往下移10px，知道解決辦法，但是就是想請(qǐng)問大神們?yōu)楹螘?huì)造成這個(gè)現(xiàn)象？非常感謝
3 回答
-
南寧吳彥祖謝謝你的回答，問題已解決
寶慕林6972327
TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超0個(gè)贊
因?yàn)閐b是da的子節(jié)點(diǎn)，對(duì)子節(jié)點(diǎn)margin-top或者margin-bottom會(huì)作用到父級(jí)上，這就是所謂的margin重疊。
-
南寧吳彥祖既然子元素會(huì)作用于父元素上，為何父元素margin-top有10px的空白，而da（紅色）和dc（深紅色）之間沒有呢？
添加回答
舉報(bào)
0/150
提交
取消