块级格式化上下文

定义：

块级格式化上下文简称BFC，是一块独立的渲染区域，它规定了在该区域中常规流块盒的布局

详细解释：

1. 块级格式化上下文简称BFC，是一块独立的渲染区域，它规定了在该区域中常规流块盒的布局

常规流块盒的布局

1.水平方向：常规流块盒水平方向上，必须撑满整个包含块
2.垂直方向上：常规流块盒垂直方向上一次排列
3.高度塌陷：常规流块盒的自动高度和摆放位置，无视浮动元素
4.margin合并：常规流块盒的外边距若无缝相邻，则进行外边距合并

2. 块级格式化上下文简称BFC，是一块独立的渲染区域，它规定了在该区域中常规流块盒的布局

独立的渲染区域

BFC的渲染区域

BFC的渲染区域是由某个HTML元素创建：以下元素会在其内部创建BFC区域

1. 根元素（意味着HTML元素的bfc，覆盖了网页中的所有元素）
2. 浮动和绝对定位元素
3. overflow的属性不为visible的块盒

独立的

不同的BFC区域，他们进行渲染的时候互不干扰；创建了BFC的元素隔绝了它内部和外部的联系，因此内部的渲染不会影响到外部元素

BFC具体渲规则

1.创建BFC的元素，它的高度会计算浮动元素（解决高度塌陷问题）
2.创建BFC的元素，不会和它的子元素进行margin重叠（解决margin塌陷问题）
3.创建BFC的元素，它的边框盒不会和浮动元素进行重叠