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 合并,浮动问题等

你可能感兴趣的:(CSS精进:formatting context)