BFC小结

概念：块级格式化上下文（Block Fromatting Context）
原理：
1.在BFC垂直方向元素的边距(margin)会发生重叠;
2.BFC的区域不会与浮动的盒子重叠；
3.BFC是一个容器，外面的元素和里面的元素互不影响
4.计算BFC高度的时候，浮动元素也会跟着计算。
创建规则：
1.float不为none
2.position为absolute或fixed
3.display的值是flex、table、table-caption、table-cell、inline-block或者inline-flex
4.overflow不为visible