CSS精进：formatting context

参考资料：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 合并，浮动问题等

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容