code前端网BFC规范理解
这个在我之前的文章里有具体讲解过。详情可以查看这篇文章链接
定义
BFC代表“块格式化上下文”（Block Formatting Context），对应于IFC。 BFC就像一个“结界”。如果一个DOM元素有BFC，它的内部子元素不会影响外部元素；外部因素不会影响其内部因素。
案例
最常见的示例是删除 float 的 overflow: hidden; 属性。 ♶会触发元素的BFC，因此内部float元素不会影响外部元素的布局。
触发条件
- 根元素
- 浮动不是
- 溢出自动、滚动、隐藏
- 显示为表格单元格、表格标题、行内块中的任意一种
- 位置不是静态和相对的
版权声明
本文仅代表作者观点，不代表Code前端网立场。
本文系作者Code前端网发表，如需转载，请注明页面地址。
上一篇：浏览器核心的常见组织 下一篇：CSS选择器概述、属性继承概述
相关文章
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。