它规定了在该区域中,常规流块盒的布局,是一块独立的渲染区域
一、在没有设置这块区域的时候,常规流块盒是:
1、块级元素垂直方向上必须依次摆放,margin、padding重叠
2、常规流块盒在水平方向上,必须撑满包含块,若外边距无缝相邻,外边距会合并,自动高度的摆放位置会无视浮动
二、BFC全称Block Formating Context
触发条件:根元素HTML、浮动和绝对定位元素、overflow≠visible的块盒
三、规则
创建BFC的元素
其自动高度需要计算浮动元素
边框盒不会与浮动元素重合
不会和它的子元素进行外边距合并
注意:此规则只适用于创建BFC的元素的内部,不包括元素本身