Css 透明边界问题

这是我的CSS（简化）：

以及标记：

<div id="content">
    <div class="box">
        <p>lorem ipsum</p>
    </div>
</div>

同侧眼睑

现在问题来了。在.box具有10px上边距的位置，#content div的背景不可见，而正文的背景可见

我不能使用填充，因为我需要设置.box div的样式，使其具有圆形边框和自己的背景，所以我必须使用边距

---

我如何纠正这种错误行为？

这不是一个bug，它被称为

---

你可以防止边距接触——这就是为什么添加填充或边框可以解决问题。

请看这里：我读了那篇文章，我觉得这与我的问题无关，没有两个边距接触。只有一个上边距，上面没有其他边距。所以没有什么可以崩溃的。边距创建正确的空间（10px）。问题是为什么主体的背景是可见的，而不是#content div的背景。太好了！对我来说，最后剩下的css之谜终于有了答案。还有一篇很好的文章来解释它。谢谢你，格雷格。我知道利润率会崩溃，但从来没有想到会导致“太多”的利润率。

<div id="content">
    <div class="box">
        <p>lorem ipsum</p>
    </div>
</div>