我们都知道block level box都是在BFC中布局的,那我们来看一下官方文档中：
在MDN文档中有整理什么情况下会创建BFC：
- 根元素(html标签)
- 浮动元素(元素的float不是none)
- 绝对定位元素(元素的position为absolute或fixed)
- 行内块元素(元素的display 为inline-block)
- 表格单元格(元素的display 为table-cell, HTML表格单元格默认为该值)，表格标题(元素的 display 为table-caption，, HTML表格标题默认为该值)匿名表格单元格元素(元素的 display 为 table、table-row.table-row-group.table-header-group.table-footer-group (分别是HTML table.row、tbody、thead、tfoot 的默认属)或 inline-table)
- overflow 计算值(Computed)不为 visible 的块元素
- 弹性元素(display为flex或inline-flex元素的直接子元素)
- 网格元素(display 为grid或inline-grid元素的直接子元素)
- display值为flow-root 的元素
感谢大家观看
评论(0)