本文介绍了块级格式化上下文(BFC)的概念及其触发条件，并详细阐述了BFC的主要特性，包括如何阻止外边距叠加、如何避免与浮动元素重叠等，为网页布局提供了深入的理解。
块级格式化上下文，独立的渲染区域。
触发BFC
- float非none
- overflow非visible
- display：table-cell | table-caption | inline-block
- position：absolute | fixed
- fieldset元素
BFC特性：
- 块级格式化上下文阻止外边距叠加
- 块级格式化上下文不会重叠浮动元素
- 块级格式化上下文可以包含浮动
- 计算 BFC 的高度，浮动原生也参与计算
BFC的元素就是一个独立的盒子，里面的子元素不会再布局上影响外面的元素，属于文档中的普通流
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
