我正在玩CSS：<body ><div style="background-color:lightblue;"><div style= "margin-bottom : 40px;">This is some text in a div element</div></div><div style="background-color:red;"> hdjj</div></body>這段代碼使 div 標簽遠離第二個 div 而不是子 div 為什么會這樣？
1 回答
楊魅力
TA貢獻1811條經驗 獲得超6個贊
這是由于邊距崩潰造成的。邊距折疊只是意味著，如果任何元素出現在另一個元素之后或在另一個元素內部是第一個或最后一個元素，那么與其他元素或父元素接觸的邊距（頂部或底部）將僅折疊到另一個元素或父元素的邊距內，并且只是較大的邊距會贏。在這種情況下，子項的下邊距與父項的邊距折疊在一起，這一切都會導致子項沒有邊距但父項沒有邊距，但是一旦應用邊框，子項的邊距就會被禁止折疊與父母，因為邊界介于兩者之間。
- 1 回答
- 0 關注
- 98 瀏覽
添加回答
舉報
0/150
提交
取消