HTML5教程

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

本文主要是介绍前端里的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
这篇关于前端里的BFC是什么，如何理解，如何创建BFC的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航