我不确定这是一个错误还是这里有一些神秘的 CSS 规则。基本上,子元素上的边距设置将在其父元素之外实现,即使父元素足够大以容纳子元素并且它的边距完全。
这是一个演示这一点的小型 HTML 文档:https ://gist.github.com/skid/5048988 。这发生在 Chrome 25 上,但不在 Firefox 14 上。
来自@Yosyhi 评论:块的顶部和底部边距有时会组合(折叠)成单个边距,其大小是组合到其中的最大边距,这种行为称为边距折叠。
保证金崩溃发生在三种基本情况下: