版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/yin_991/article/details/86681578
边距重叠有三种情况
边距重叠指的是盒子垂直方向的边距重叠问题
1、父子元素之间的边距重叠
2、兄弟元素之间的边距重叠
3、空元素设置了外边距之后的高度
解决方法：创建BFC（块级格式化上下文）
BFC的原理（渲染规则）
由于BFC这个元素的垂直方向会发生边距重叠，创建了BFC的区域不会与浮动元素的边距重叠，BFC在页面上是一个独立的容器，外面的元素不会影响它里面的元素，里面的元素也不会影响外面的元素，计算BFC的高度时，浮动元素也参与计算。
如何创建BFC
float不为none
position不为static或者relative
display为inline-block、table-cell、table-caption
overflow不为visible