边距未从父元素实现
我正在玩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 为什么会这样？
慕哥9229398浏览 45回答 1
1回答
-
杨魅力
这是由于边距崩溃造成的。边距折叠只是意味着，如果任何元素出现在另一个元素之后或在另一个元素内部是第一个或最后一个元素，那么与其他元素或父元素接触的边距（顶部或底部）将仅折叠到另一个元素或父元素的边距内，并且只是较大的边距会赢。在这种情况下，子项的下边距与父项的边距折叠在一起，这一切都会导致子项没有边距但父项没有边距，但是一旦应用边框，子项的边距就会被禁止折叠与父母，因为边界介于两者之间。
随时随地看视频慕课网APP
相关分类
Html5