块级格式化上下文(Block formatting context):BFC
- 是web页面的可视CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。
创建BFC的方法:
- html标签是BFC盒子
- 浮动元素是BFC盒子
- 行内块元素是BFC盒子
- overflow属性取值不为visible。如:auto、hidden…
- ……
BFC盒子常见特点:
- BFC盒子会默认包裹住内部子元素(标准流、浮动) ?应用:清除浮动
- BFC盒子本身与子元素直接不存在margin的塌陷现象 ?应用:解决margin的塌陷
- ……