BFC 是什么？如何生成 BFC？BFC 有什么作用

BFC 是块级格式化上下文的缩写。块级格式化上下文是一种 CSS 概念，它是一组规则，用于指定元素如何渲染。

要生成 BFC，可以使用 CSS 属性 display 和值 flow-root。例如：

#my-element {
  display: flow-root;
}

BFC 有一些作用，包括：

• 它可以阻止元素之间的布局重叠。
• 它可以让元素按照预期的方式渲染，即使它们的父元素中存在浮动。
• 它可以确保元素的高度和宽度能够自动适应它的内容。

块级格式化上下文可以有助于解决一些布局问题，并确保页面中的元素渲染正确。