外边距塌陷解决方法

并列垂直外边距合并

两个盒子如果垂直排列，上面的盒子设置了marin-bottom,下面的盒子设置了margin-top，最终显示的样式两个值谁大就显示谁；
解决方案：不要同时设置，只给一个盒子设置即可；

嵌套垂直外边距合并
如果两个盒子有嵌套包含的父子级关系，如果给子级盒子设置了margin-top，效果显示父级盒子也会跟着掉下来；

解决方案：
01、给父级盒子设置一个border-top: 1px solid transparent;，不建议使用；
02、给父级盒子设置padding-top：1px，如果父级有高度注意减去对应的高度，不推荐使用；
03、直接给父级添加overflow:hidden;，强制区分父子级关系，推荐使用