《精通CSS》读书笔记——CH2.2 空白边叠加

学习CSS最好的方式之一是直接开始使用它。

 

空白边叠加

当两个垂直空白边相遇时，它们将形成一个空白边。这个空白边的高度等于两个发生叠加的空白边的高度中的较大者。

 

 

当一个元素包含在另一个元素中时（假设没有填充或边框将空白边分隔开），它们的顶和/或底空白边也发生叠加。

 

 

空白边甚至可以与本身发生叠加。假设有一个空元素，它有空白边，但是没有边框或填充。在这种情况下，顶空白边与底空白边就碰到了一起，它们会发生叠加。

 

 

如果这个空白边碰到另一个元素的空白边，它还会发生叠加。

 

 

这就是一系列空的段落元素占用的空间非常小的原因，因为它们的所有空白边都叠加到一起，形成一个小的空白边。

空白边叠加是有意义的。

 

 

只有普通文档流中块框的垂直空白边才会发生空白边叠加。行内框、浮动框或绝对定位框之间的空白边不会叠加。