**毗邻的两个或多个 margin
会合并成一个margin
,叫做外边距折叠。规则如下: **
- 两个或多个毗邻的普通流中的块元素垂直方向上的
margin
会折叠 - 浮动元素或
inline-block
元素或绝对定位元素的margin
不会和垂直方向上的其他元素的margin
折叠 - 创建了块级格式化上下文的元素,不会和它的子元素发生
margin
折叠 - 元素自身的
margin-bottom
和margin-top
相邻时也会折
**毗邻的两个或多个 margin
会合并成一个margin
,叫做外边距折叠。规则如下: **
margin
会折叠inline-block
元素或绝对定位元素的margin
不会和垂直方向上的其他元素的margin
折叠margin
折叠margin-bottom
和margin-top
相邻时也会折