BFC

当我们遇到双边距重叠的时候就可以用到BFC

父子重叠:

比如一个大盒子里面一个小盒子 给子盒子添加margin-top,父盒子也会产生外边距,所以我们需要给父盒子添加overflow:hidden让父盒子变成BFC这样父子盒子就互不影响了

兄弟垂直重叠:

如果是兄弟垂直重叠 那个外边距大以那个为准 需要添加空元素添加属性overflow:hidden解决。

总结:

BFC是格式化上下文,是css的一种布局方式 ,但是我们可以拿他来解决边距重叠,BFC并不是专门用来解决这个问题而创的。