关于外边距塌陷（外边距塌陷）的问题

关于外边距合并（外边距塌陷）的问题

外边距合并的问题分为两大类：相邻块元素垂直外边距的合并以及嵌套块元素垂直外边距的合并
## 相邻块元素垂直外边距的合并

上面是原理图，反正简单的来说就是相邻垂直的时候上面的元素设置下边距的时候，下面的元素设置上边距的时候取最大的值（即大值取代小值并覆盖）
嵌套块元素垂直外边距的合并

出现的问题
对于两个嵌套关系的块元素，如果父元素没有上内边距及边框 ，则父元素的上外边距会与子元素的上外边距合并，合并后的外边距为两者中的较大者。即使父元素的上外边距为0，也会发生合并。
解决方法
这种情况网上有很多方法，比较多的都是伪类的方法去解决的。这里我给大家列举三种最简单，最常见的方法：

第一

给里面的元素的前面设置一个div占位

第二

给外面的大盒子设置一个border-top：1px solid transparent

第三

给父元素设置overflow：hidden
本人小白，有什么问题请给我之出来吧，相互交流哦，谢谢