主题
BFC
BFC 是什么?
BFC(Block Formatting Context) 即块级格式化上下文,指一个独立的渲染区域(或者说是一个独立的容器)无论如何也不会影响到外面。
形成 BFC 的条件
- 浮动元素
float的值不为none。 - 定位元素
position不为static或者relative overflow不为visible。display的特定值,如:inline-blockflexgridtable、table-cell、table-captionflow-root(专门用于创建 BFC 的属性)
- 根元素
<html>本身就是一个 BFC。
IFC
IFC(Inline Formatting Context) 即行级格式化上下文。
vertical-alignline-height- ……
视觉格式化模型(包含了 BFC、IFC)
