0

在 w3c 中，BFC 被定义为：

在块格式化上下文中，框从包含块的顶部开始一个接一个地垂直排列。两个同级框之间的垂直距离由 'margin' 属性确定。块格式化上下文中相邻块级框之间的垂直边距折叠。

在块格式化上下文中，每个框的左外边缘接触包含块的左边缘（对于从右到左的格式化，右边缘接触）。即使存在浮动也是如此（尽管框的行框可能会由于浮动而缩小），除非框建立了新的块格式化上下文（在这种情况下，框本身可能会由于浮动而变窄）。

我不太明白 的含义boxes，这是表示display:block元素吗？

如果是表示block元素，那么inline元素或float元素呢？我没有看到任何关于其他元素的描述，如何处理其他元素？

正常流程和 BFC 中的块元素表示差异是什么？我认为它们相同，只是从左上到下垂直并排

4

1 回答 1

2

UA 为文档树中的元素生成矩形框。

请参阅控制框生成

关于 BFC 中的块元素：

框的左外边缘接触包含块的左边缘（对于从右到左的格式，右边缘接触）。即使存在浮动也是如此

例子：

<div>
    <div style="float:left;height:29px;background-color:yellow;">aaaaaa</div>
    <div style="background-color:gray;height:50px;"><b>ddddd</b></div>
</div>

对比

<div>
    <div style="float:left;height:29px;background-color:yellow;">aaaaaa</div>
    <div style="background-color:gray;height:50px;overflow:hidden;"><b>ddddd</b></div>
</div>
于 2013-09-13T09:06:54.100 回答