块级格式化上下文BFC

它规定了在该区域中，常规流块盒的布局，是一块独立的渲染区域

一、在没有设置这块区域的时候，常规流块盒是：

1、块级元素垂直方向上必须依次摆放，margin、padding重叠

2、常规流块盒在水平方向上，必须撑满包含块，若外边距无缝相邻，外边距会合并，自动高度的摆放位置会无视浮动

二、BFC全称Block Formating Context

触发条件：根元素HTML、浮动和绝对定位元素、overflow≠visible的块盒

三、规则

创建BFC的元素

其自动高度需要计算浮动元素

边框盒不会与浮动元素重合

不会和它的子元素进行外边距合并

注意：此规则只适用于创建BFC的元素的内部，不包括元素本身