bfc

是什么：

BFC(Block Formattiong Context),即格式化上下文，它是标签的一个样式属性，标签有了这个属性之后，可以让自己内部代码与外界隔离。

触发条件：

1. html根元素就是有bfc

2.浮动元素

3.overflow 不是 visible

4.display 值是 inline-block， table，flex，flex-root

5.position 值是absolute 或 fixed

　　平时用的是overflow: hidden;因为其他的都有副作用，但overflow: hidden；

会把溢出的元素隐藏，所以新语法有一个display:flex-root 这个是完全没有副作用的；

使用场景：

1.外边距重叠

2.清浮动

3.实现左边宽度固定，右边自适应