CSS进阶

块级格式上下文（BFC）

全称Block Formatting Context,简称BFC

它是一块独立的渲染区域，它规定了在该区域内，常规流块盒的布局

不同的BFC区域，它们进行渲染时互不干扰创建BFC的元素，隔绝了它内部和外部的联系，内部的渲染不会影响到外部

具体规则：

1.创建BFC的元素，它的自动高度需要计算浮动元素

2.创建BFC的元素，它的边框盒不会与浮动元素重叠

3创建BFC的元素，不会和它的子元素进行外边距合并

参考线 - 深入裂解字体

text-top到text-bottom的区域叫内容区域。

top到bottom的区域叫虚拟区，即行高（line-height）。