CSS 外边距重叠

外边距的折叠

垂直方向相邻的外边距，会发生外边距的折叠现象

兄弟元素之间的相邻垂直外边距

1. 兄弟元素间两个相邻的外边距，会取两个外边距的绝对值的最大值。
2. 如果相邻元素间外边距一个设置正数数，一个设置负数，那么取它们之间的和

父子元素之间相邻垂直外边距

父子元素的相邻垂直外边距，子元素的外边距会传递给父元素

解决父子元素相邻垂直外边距，子元素外边距传递的方案

1、在子元素之前加一个table标签。
2、用伪元素解决：父元素的：before伪元素设置属性：
content: ‘’; display:table;