块格式化上下文
块格式换上下文:(Block Formatting Content,BFC),页面中独立的块级渲染区域,该区域有一套渲染规则,用来约束块级盒子的布局,与本区域外无关。
触发BFC的条件
- 浮动元素
- overflow: hidden/auto/scroll
- 绝对定位属性的元素(position: absolute/fixed)
- display: inline-block/table-cell/table-caption
- ...
块格式换上下文:(Block Formatting Content,BFC),页面中独立的块级渲染区域,该区域有一套渲染规则,用来约束块级盒子的布局,与本区域外无关。