理解CSS中的BFC(块级可视化上下文)[译]_html/css_WEB-ITnose

开篇

一些元素，如float元素，如position为absolute,inline-block,table-cell或table-caption的元素，以及overflow属性不为visible的元素，它们将会建立一个新的块级格式化上下文。

上述定义已经很详细的描述了块级格式化上下文(Block Formatting Context)是如何形成的，为了方便起见，文中均用BFC代替。现在，让我们用一种简单的方式对其进行重新定义:
BFC也是HTML中的一个盒子（看不见而已），只有满足至少下列条件之一才能形成BFC:

float属性不为none.

position属性不为static和relative.

display属性为下列之一:table-cell,table-caption,inline-block,flex,or inline-flex.

overflow属性不为visible.

让我们建立一个BFC

HTML代码如下：

  Some Content here

      
查看更多关于理解CSS中的BFC(块级可视化上下文)[译]_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did109025