BFC

Posted shengjunyong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了BFC相关的知识,希望对你有一定的参考价值。

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

解决:1.子盒子浮动,父盒子没高度的问题

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

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

3.博客了说了两点,还有一点是解决父子盒子上外边距合并的问题,给父盒子加一个overflow:hidden, 形成一个封闭的区域,子盒子的外边距就不会传递出去,去影响父盒子了。

以上是关于BFC的主要内容,如果未能解决你的问题,请参考以下文章

BFC 神奇背后的原理

BFC理解余应用

BFC 神奇背后的原理

BFC 神奇背后的原理

什么是BFC?

前端精选文摘:BFC 神奇背后的原理