Question

我正在尝试理解我在看到一些html代码时遇到的行为，你可以看到here。

如果您更改以下内容，您会注意到：

<div style="border: solid 1px black;">
    <div style="margin-top:50px;">
        Post Title
    </div>
</div>

到此（即“border：solid 1px black;”to“border：solid 0px black;”）：

<div style="border: solid 0px black;">
    <div style="margin-top:50px;">
        Post Title
    </div>
</div>

内部div的边距不再影响外部div。我一直试图找到定义这种行为的W3.org规范，但没有运气。有人想帮忙吗？

Answer 1

这称为＆＃34;折叠边距＆＃34;。

某些相邻的边距合并形成一个边距。那些据说利润率会“崩溃”。如果没有，利润率就会相邻非空的内容，填充或边界区域或间隙分开它们。

一些更容易阅读：