BFC

Posted

tags:

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

BFC就是“块级格式化上下文”的意思,创建了 BFC的元素就是一个独立的盒子。

那么我们该怎么使用BFC呢,如何触发BFC呢?:

  1. float 除了none以外的值
  2. overflow 除了visible 以外的值(hidden,auto,scroll )
  3. display (table-cell,table-caption,inline-block, flex, inline-flex)
  4. position值为(absolute,fixed)
  5. fieldset元素

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

BFC 神奇背后的原理

BFC理解余应用

BFC 神奇背后的原理

BFC 神奇背后的原理

什么是BFC?

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