空白边也就是我们博百优CSS常说的margin，当两个垂直空白边相遇时候，他们将形成一个空白边。这个空白边的高度等于两个发生叠加的空白边的高度重的较大者。
当一个元素出现在另外一个元素上面的时候，第一个元素的底空白边与第二个元素的顶空白边发生了叠加，我们一起来看看下图：
当一个元素包含在另外一个元素中的时候，他们的顶或底空白边也会发生叠加，一起来跟着博百优看看一下这个图片：
我们看上去或许觉得有点儿奇怪，但是空白边甚至可以与本身发生叠加的，假设有一个空元素，它有空白边，但是没有边框或填充、在这种情况下，顶空白边与低空白边就碰到了一起，他们会发生叠加的。这个实例图的话博百优CSS一下子找不到给大家看，也难得去做这样的一个图，大家勿见怪。
以上内容均来自《精通css：高级Web标准解决方案》
博百优CSS的观点：
空白边叠加其实有一个好处，因为如果没有空白边叠加的话，我们可以发现段落之间的空白边就是margin-top+martin-bottom了，就是空白边的两倍了，所以如果发生了叠加，段落之间的顶空白边和底空白边就会重合在一起，距离就一致了。大家可以形象地想象一下你的word文档就行了。当然，行内框，浮动框，绝对定位框是不会空白边叠加的，这只适用于普通文档块框当中而已。
没看懂….