BFC
BFC 全称 Block Formatting Context。
每个渲染区域用formatting context表示,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用
在正常流中的盒子要么属于块级格式化上下文,要么属于内联格式化上下文
BFC 的产生
根元素;
float属性不为none;
position为absolute或fixed;
display为inline-block, flex, 或者inline-flex;
overflow不为visible;
特性
作用
margin 合并
contain float
内联格式化上下文(Inline formatting contexts)
IFC也是一种布局规则
块容器盒里面只有行级元素的时候,自动生成 IFC
参考链接