一、盒子垂直方向外边距合并
垂直方向的2个盒子，一个设置上外边距，一个设置下外边距，取的设置较大的值。
二、嵌套的盒子外边距塌陷
嵌套的2个盒子，如果父盒子不设置border，给子盒子设置margin-top，会造成父盒子外边距塌陷（掉盒子）
解决方法: 1 给父盒子设置边框
2 给父盒子设置overflow:hidden; bfc 格式化上下文
具体可参考：
本文共 244 字，大约阅读时间需要 1 分钟。
垂直方向的2个盒子，一个设置上外边距，一个设置下外边距，取的设置较大的值。
嵌套的2个盒子，如果父盒子不设置border，给子盒子设置margin-top，会造成父盒子外边距塌陷（掉盒子）
解决方法: 1 给父盒子设置边框
2 给父盒子设置overflow:hidden; bfc 格式化上下文
具体可参考：
转载于:https://www.cnblogs.com/ytwanzi/p/6500684.html