可能重复:
For what reason margin collapse rules were introduced in CSS?
“保证金崩溃”的手段是什么?
答案 0 :(得分:4)
这不是问题,而是设计决定。这意味着:当相邻元素具有“触摸”边距时,两个边距将折叠到同一空间中。例如:
_____
| A | Element A has 20-px bottom margin
|___|
<-- space between elements is 20, not 40
_____
| B | Element B has 20-px top margin
|___|
利润率“崩溃”在一起。 CSS规范要求浏览器按照这种方式进行设计。一旦你了解它何时以及如何发生,它实际上是一件好事并且很有帮助。