块级格式化上下文
lkj 4/8/2022 css
块级格式化上下文，它是一块独立的渲染区间，它规定了在该区域内常规流块盒的布局
# 一、bfc渲染区域
该区域由某个HTML元素创建，以下元素会在其内部创建BFC区域
- 根元素，意味着，
<html>元素创建的bfc区域覆盖了网页中所有的元素 - 浮动和绝对定位元素
- overflow不等于visible的块盒
不同的bfc区域，它们进行渲染时互不干扰
创建了bfc的元素，隔绝了它内部与外部的联系，内部的渲染不会影响到外部
# 二、bfc元素的一些特点
- 它的自动高度需要计算浮动元素（可以理解为他能看到浮动元素，这也就是为什么触发bfc的元素能够解决因浮动带来的高度坍塌问题）
- 它的边框盒不会与浮动元素重合
- 不会和它的子元素进行外边距合并（解决margin塌陷问题）
详细内容请看链接地址： (opens new window)