外边距折叠

垂直的外边距重叠（折叠）

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

　　父子元素重叠

　　　　父子元素间相邻的外边距，子元素会传递给父元素(上外边距)

　　　　父子外边距的折叠会影响到页面的布局，必须要进行处理

 

 

 如上图绿色的div被包在蓝色div里，但是用外边距给绿色的div设置距离蓝色的div也被影响到了

 

 

 解决方法：

　　只要给父元素一个边框让子元素顶着父元素的边框往下移