BFC，或者块级格式上下文（Block Formatting Context），是CSS中的一个重要概念，用于控制和规范块级元素在布局中的表现。理解BFC对于解决布局问题和处理元素之间的相互影响非常有帮助。
BFC是一种重要的CSS布局概念，用于控制块级元素的布局和相互关系。了解BFC如何创建以及它的特性和作用可以帮助开发者更好地控制页面布局，解决一些常见的布局问题。
1.创建条件：BFC是在以下情况下创建的：
- 根元素（HTML根元素）。
- 浮动元素（float属性不为none）。
- 绝对定位元素（position属性为absolute或fixed）。
- 行内块元素（display属性为inline-block）。
- 表格单元格元素（display属性为table-cell）。
- overflow属性不为visible的元素。
2.特性和作用：BFC具有以下特性和作用：
- 内部的块级盒子会在垂直方向上一个接一个地排列。
- BFC内部的元素不会与浮动元素重叠。
- BFC可以包含浮动元素，将浮动元素的边界框包含在内。
- BFC内部的元素会忽略浮动元素，不会与浮动元素重叠。
- BFC内部的元素不会溢出其容器，它们会在容器内重新布局，不会影响外部元素的位置。
3.应用场景：BFC的理解对于解决以下一些常见的布局问题非常有用：
- 清除浮动：将包含浮动元素的父元素创建为BFC，以清除浮动。
- 防止外边距合并：在两个垂直外边距发生合并时，将一个元素包含在BFC中，以防止合并。
- 自适应两栏布局：实现两栏布局时，将左侧栏创建为BFC，以防止右侧栏覆盖。
- 防止元素溢出：将包含溢出元素的容器创建为BFC，以确保不会影响其他元素的布局。
