前端里的BFC是什么，如何理解，如何创建BFC

BFC是什么

• BFC的全称：block formatting context（块级上下文）
• 它是一个独立的渲染区域，只有它规定了内部的Block level box如何布局，并且与这个区域外部毫不相干
  如何让理解BFC
• 具有BFC特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素
• 可以理解为BCF是一个独立的作用域
  如何创建BFC
• float的值不是none
• position的值不是static或者relative
• display的值是inline-block、table-cell、flex、table-caption或者inline-flex
• overflow的值不是visible

__EOF__

本文作者：我爱学习
本文链接：https://www.cnblogs.com/CHEN-JING-YANG/p/16482780.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！