边距未从父元素实现
Margin not implemented from parent element
我在玩 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 为什么会这样？
这是由于边距崩溃。边距折叠只是意味着如果任何元素出现在另一个元素之后或另一个元素内部是第一个或最后一个元素，那么与其他元素或 parent 接触的边距（顶部或底部）将只是折叠在另一个元素或 parent 的保证金和更大的保证金将获胜。在这种情况下，child 的底部边距折叠了 parent 的边距，这一切都会导致 child 没有边距但 parent，但是一旦你应用边框，child 的边距就被禁止与 parent 折叠，因为边框来自 in-between.
我在玩 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 为什么会这样？
这是由于边距崩溃。边距折叠只是意味着如果任何元素出现在另一个元素之后或另一个元素内部是第一个或最后一个元素，那么与其他元素或 parent 接触的边距（顶部或底部）将只是折叠在另一个元素或 parent 的保证金和更大的保证金将获胜。在这种情况下，child 的底部边距折叠了 parent 的边距，这一切都会导致 child 没有边距但 parent，但是一旦你应用边框，child 的边距就被禁止与 parent 折叠，因为边框来自 in-between.