box formatting context（块级格式化上下文）,理解

布局：从上至下，一个接一个，竖列排放
box的垂直方向由margin（外边距）决定，同一个BFC中的box的margin会重叠
一个独立的容器，容器内的元素不会影响容器外的元素
不会和float box重叠
高度计算包括浮动元素。

会生成和触发BFC的元素类型：
根元素[html，body，head](body和head是html的子元素)
浮动属性不是不浮动
定位属性是绝对定位
display：
inline-block：指定对象为内联元素的块元素
table-cell：指定对象为表格单元格
table-caption：指定对象为表格标题
flex：指定对象为弹性伸缩盒
inline-flex：指定对象为内联元素的弹性伸缩盒
overflow：值不为visible