BFC 默认情况下处于关闭状态,满足某些条件后,开启BFC
参考文章https://blog.csdn.net/weixin_41819731/article/details/88594489
开启后能解决的问题
- 解决margin塌陷问题
- 自身不会被其他浮动元素覆盖
- 就算其子元素浮动,元素自身高度也不会塌陷
开启BFC
- 根元素
- 浮动元素
- 绝对定位,固定定位元素
- 行内块元素
- 表格单元格元素
- overflow的值不为visible的元素
- 伸缩项目
- 多列容器
- column-span为all的元素
- diaplay:flow-root