Css 该div的页边距底部位于另一个具有页边距顶部的div的顶部，只有1页边距

我有一个在另一个上面。顶部div具有

页边距底部：10px

，底部div具有

页边距顶部：10px

，但两个div之间只有10px的空间

实例：

带Css的Html：

<div style="margin-bottom:10px; background: #e6e6e6;" id="one">one</div>
<div style="margin-top:10px; background: #ccc" id="two">two</div>

1
二

呈现：

---

这就是所谓的保证金崩溃。这是一种符合规格的行为

基本上，当两个垂直边距重叠时，只考虑最大的边距。给任何元素一个

20px的边距来修复它。
这是边距折叠：