CSS>译文：理解CSS中的块级格式化上下文_html/css_WEB-ITnose

译文：理解CSS中的块级格式化上下文

块级格式化上下文（Block Formatting Context）是网页CSS视觉渲染的一部分，并用于决定块盒子的布局。在定位体系（Positioning Scheme）中它属于常规流（Normal Flow）。根据W3C所言：

浮动、绝对定位元素（position 为 absolute 或 fixed）、行内块元素 display:inline-block、表格单元格 display:table-cell、表格标题 display:table-caption 以及 overflow 属性值不为 visible 的元素（除了该值被传播到窗口 viewport 的情况）将创建一个新的块级格式化上下文。

上面的引言差不多总结了一个BFC是如何形成的。但让咱们用另外一种更通俗易懂的方式来重定义它。一个BFC就是一个HTML盒子，它至少满足以下条件之一：

float 的值不为 none position 的值不为 static 或 relative display 的值为 table-cell、table-caption、inline-block、flex 或 inline-flex overflow 的值不为 visiable

创建一个块级格式化上下文

一个BFC可以显式触发。如果我们想创建之，我们只需给它添加上面提到的任何一个CSS样式。

比如，看下面的HTML:

    Some Content here

      
查看更多关于CSS>译文：理解CSS中的块级格式化上下文_html/css_WEB-ITnose的详细内容...
        

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