我不确定这是不是一个bug，或者这里有一些神秘的CSS规则。 基本上，子元素的边距设置将在其父元素之外实现，即使父元素足够大以容纳孩子并且它的边缘完全。
这是一个小型HTML文档，用于演示：https://gist.github.com/skid/5048988。 这种情况发生在Chrome 25上，但不适用于Firefox 14。
答案 0 :(得分：1)
From @Yosyhi comment： 块的顶部和底部边距有时会合并（折叠）为单个边距，其大小是合并到其中的边距中的最大边距，这种行为称为边距折叠。
保证金崩溃发生在三个基本情况中：