CSS精进(formatting|CSS精进:formatting context)
【CSS精进(formatting|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 合并,浮动问题等
推荐阅读
- 赢在人生六项精进二阶Day3复盘
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 2018-3-24
- 六项精进20180530
- 2019.3.29
- 日精进-第三十五天
- 日精进|日精进 第177天
- 2018-12-16六项精进打卡
- 4月26日精进
- 3.css浮动