css 盒子合并和塌陷

一、上下盒子合并问题

上盒子定义下外边距，下盒子定义上外边距时，两盒子之间的距离并不是（margin-bottom） +（ margin-top）的距离，而是两者之间的最大值。

二、嵌套盒子塌陷问题

1.父盒子设置透明的上边框；

2.父盒子设置padding内边距，这样就不用再设置内盒子的上外边距了；

3.父盒子添加 overflow：hidden； 推荐

4.转成行内块元素 display:inline-block;

5:设置float浮动；

6.父盒子添加绝对定位 position：absolute；