参考资料：https://drafts.csswg.org/css-display/#formatting-context
类似于编程作用域中的context, 规定了内部boxes的布局rules.
那么我们常见的BFC/IFC/FFC都是同一类东西，只是rules不同而已。
在BFC中，其中的box垂直方向会出现margin合并，水平方向不会
1.BFC重点属性
BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。
计算BFC的高度时，浮动元素也参与计算
2.应用
通过各种手段触发容器新建一个FC，来解决margin 合并，浮动问题等
参考资料：https://drafts.csswg.org/css-display/#formatting-con...
概念 Formatting context Formatting context 是 W3C CSS2.1 规范中...
CSS CSS2.1 固定定位的扩展理解 经典布局 BFC Box Formatting Context Bloc...
参考 BFC 是什么 css 2.1 规范。BFC(Block formatting context)直译为"块级...
1.背景介绍 BFC全称是Block Formatting Context，是CSS2.1规范定义的，关于CSS渲...
一、什么是BFC（Block Formatting Context） 写CSS样式时，对一个元素设置css,我们首...
概述： 全称：Block Formatting Context，块格式上下文。它是CSS2.1规范定义的关于CSS...
HTML CSS 1.什么是BFC block formatting context,不是none的浮动元素，绝对...
BFC 全称 Block Formatting Context每个渲染区域用formatting context表...
BFC全称Block Formatting Context。每个渲染区域使用formatting context表...
本文标题：CSS精进：formatting context
本文链接：https://www.haomeiwen.com/subject/efgmxqtx.html
网友评论