为什么相邻部分的边距没有崩溃？

Question

我有几个部分，每个部分都带有margin: 10px;，但垂直边距似乎加倍到20px，而不是像他们应该的那样折叠成10px。知道为什么会这样吗？

Answer 1

• （较大）子元素的边距可能会通过其容器折叠并将其他元素推得更远
• 浮动元素的边距不会崩溃
• 绝对定位元素的边距不会崩溃

Answer 2

我建议阅读the specification。我的猜测是你有一个边框或一些阻止崩溃的填充。