"BFC"（Block Formatting Context）在CSS（层叠样式表）中是一个重要的概念，它指的是一个独立的渲染区域，其中元素的布局不会影响到这个区域之外的其他元素。在BFC中，元素的布局是独立的，并且具有一些特定的行为规则。
BFC的创建可以有多种方式，包括但不限于：
- 根元素（
<html>） - 浮动元素（元素的
float属性不是none） - 绝对定位元素（元素的
position属性是absolute或fixed） - 行内块元素（元素的
display属性为inline-block） - 表格单元格（
<td>,<th>） - 表格标题（
<caption>） - 匿名表格单元格元素（即
display为table-cell或inline-table的块级元素） overflow属性不为visible的块级元素
BFC的主要特性包括：
- 防止外边距重叠：在BFC中，两个相邻的块级元素的外边距（margin）不会重叠。
- 包含浮动元素：在BFC中，浮动元素（float）会参与其高度的计算，这可以解决父元素高度塌陷的问题。
- 阻止元素被浮动元素覆盖：在BFC中，元素不会被浮动元素覆盖。
- 阻止垂直外边距合并：在BFC中，垂直外边距（margin）不会合并。
了解BFC可以帮助我们更好地控制页面元素的布局和渲染行为，特别是在处理一些复杂的布局问题时，BFC可以作为一个有效的工具。
1021
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
