BFC(Block formatting context)
直译为块级格式化上下文，把BFC理解成一块独立的渲染区域，BFC看成是元素的一种属性， 当元素拥有了BFC属性后，这个元素就可以看做成隔离了的独立容器。容器内的元素不会影响容器外的元素.
BFC属于普通流
把BFC理解成一块独立的渲染区域，BFC看成是元素的一种属性， 当元素拥有了BFC属性后，这个元素就可以看做成隔离了的独立容器。
### 如何触发BFC,如何为元素添加BFC这个属性呢
1.根元素 (<html>)
2.浮动元素(元素的float值不是none)
3.绝对定位(元素的position为absolute或fixed)
4.display为inline-block、table-cell、table-caption、table、table-row、table-row-group、
table-header-group、table-footer-group、inline-table、flow-root、flex或 inline-flex、grid或 inline-grid
5.overflow值不为visible的元素
### BFC特性和作用
1.可以避免外边距重叠
2.清除浮动
3.阻止元素被浮动元素覆盖
109
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
