BFC小结 什么是BFC 如何触发BFC BFC的应用

一个元素触发BFC以后，这个元素可以被看做是一个独立的容器。容器里面的元素不会在布局上影响到外部的元素

如何触发BFC

BFC有什么特性以及应用

1. 避免外边距重叠

理论上两个div的上下间距应该是200px，实际上只有100px，因为块级元素的margin-bottom和下面的块级元素的margin-top会合并，值取其中的最大值

解决方法：
我们给每个div外面套上一个container，然后每个container加上overflow:hidden触发BFC，这样处于两个BFC中的div cube就不会相互影响了

2. 清除浮动

3. 阻止元素被浮动元素覆盖