BFC

bfc可以理解为，设置了overflow的盒子，内部形成一个封闭的区域，其他元素不会覆盖在上面，内部的元素margin也不会穿透这块区域去影响外部的元素。

解决：1.子盒子浮动，父盒子没高度的问题

2.浮动盒子和普通盒子的布局问题

https://www.jianshu.com/p/0d713b32cd0d

3.博客了说了两点，还有一点是解决父子盒子上外边距合并的问题，给父盒子加一个overflow:hidden, 形成一个封闭的区域，子盒子的外边距就不会传递出去，去影响父盒子了。同样也可以解决上下盒子的外边距合并问题，给其中一个和套一个父盒子，父盒子overflow形成闭合区域，就可以解决，不过比较麻烦。

 4.float不为none，display为table或者inline-bolock, position为fixed,或者absolute，都会触发bfc，可以简单地记为具有脱标的或者具有行内块特征的盒子都有bfc( display:table除外)