外边距合并

外边距合并：块级元素的上外边距和下外边距有时候会合并（或折叠），其大小取其中一个最大的值，这种行为就叫做外边距折叠，有时候也称为外边距合并。注意浮动元素和绝对定位元素的外边距是不会折叠的。

下面列出会发生外边距折叠的情况：

1. 相邻元素之间 ：毗邻的两个元素之间的外边距会折叠（除非后一个元素需要清除之前的浮动）
2. 父元素与其第一个或者最后一个子元素之间:如果在父元素与其第一个子元素之间不存在边框、内边距、行内内容，也没有创建块格式化上下文、或者清除浮动将两者的margin-top分开；或者在父元素与最后一个元素之间不存在边框、内边距、行内内容、height、min-height、max-height将两者的margin-bottom分开，那么这两对外边距产生折叠。此时子元素的外边距会“溢出”到父元素的外面。
3. 空的块级元素：如果一个块元素中不包含任何内容，并且在其margin-top与margin-bottom之间没有边框、内边距、行内内容、height、min-height将两者分开，则该元素的上下外边距会折叠。