css中BFC是什么意思

BFC是CSS中独立的块级渲染区域，内部布局不影响外部，外部变化也不影响内部；可通过根元素、浮动、绝对定位、inline-block、table-cell、flex/grid子元素、overflow非visible等触发，用于防止margin合并、清除浮动、阻止文字环绕。

BFC 是 Block Formatting Context 的缩写，中文意思是“块级格式化上下文”。它是 CSS 中一个独立的渲染区域，决定了元素如何对内部的子元素进行布局，以及与其他元素之间的相互影响。

什么是BFC？

在BFC中，元素按照块级元素的方式进行布局。它是一块独立的“容器”，内部元素的布局不会影响到外部元素，外部元素的变化也不会影响BFC内部的布局。

简单来说，开启BFC后，这个元素就拥有了自己的“私有空间”。

如何触发BFC？

以下方式可以让一个元素创建BFC：

立即学习“前端免费学习笔记（深入）”；

标签： css bfc html ai css布局 绝对定位 overflow 清除浮动