Jquery 两元素边距垂直折叠，那么实际大小是多少？

我正在W3学校学习CSS3。这个注释让我困惑，请帮助我理解这个例子

h1

元素的下边距为

50px

，

h2

元素的上边距为

20px

。那么

h1

和

h2

之间的垂直边距应该是

70px

（50px+20px）。然而，由于保证金崩溃，实际保证金最终为

50px

。为什么会这样

h1{
利润率：0.50px0；
}
氢{
利润率：20px0；
}

标题1
标题2

页边距彼此折叠，导致50像素的间距。如果希望使用70px的边距，则必须至少将其中一个指定为70px。

这是因为相对的边距彼此重叠。如果使用浏览器的开发人员工具检查DOM，可以看到这种效果。我还建议不要使用W3Schools，因为它们的文章经常过时，有时甚至完全错误。这是一个更好的资源。这个问题肯定有几十个重复。谢谢我有一个完美的教程，这甚至不是很好的答案。加号甚至不准确。“如果您希望获得70像素的余量，则必须至少将其中一个指定为70像素。”例如，这是错误的。OP对此进行了投票。你不是OP。请试着理解它是否有助于OP，清楚与否@dfsq