问为什么背景不应用于子元素的边距？
EN

Stack Overflow用户

提问于 2022-07-15 08:48:44

回答 1查看 42关注 0票数 2

<div style="background-color: #666">
    <div style="margin: 20px">Some Content - no border</div>
</div>

但是，如果我添加边框，背景颜色将应用于整个内容，包括子元素的边距：

<div style="background-color: #666; border: 1px solid">
    <div style="margin: 20px">Some Content - has border</div>
</div>

这种行为的原因是什么？规格说明是怎么解释的？

发布于 2022-07-15 08:54:59

由于父Div是空的，并且子元素应该与父元素的边框有一定距离，所以在边距中没有显示背景。如果使用填充或边框，则将子元素的区域扩展到该边框。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72991410

复制

相似问题

问为什么背景不应用于子元素的边距？EN