2024-05-10 BFC是什么

BFC（Block Formatting Context）即块级格式化上下文，是W3C CSS2.1规范中的一个概念。它指的是浏览器中创建的一个独立的渲染区域，并且拥有一套渲染规则，决定了其子元素如何定位，以及与其他元素的相互关系和作用。

BFC是一个完全独立的空间（布局环境），让空间里的子元素不会影响到外面的布局，反之亦然。BFC的布局规则是：内部的Box会在垂直方向，一个接一个地放置，Box垂直方向的距离由margin决定。

此外，BFC在页面上表现为一个隔离的独立容器，容器内的子元素不会影响到外面的元素。在计算BFC的高度时，浮动元素也会参与计算。