混淆关于CSS BFC（块格式化上下文）

Question

在W3C的BFC被定义为这样的：

在块格式化内容，盒被其他的，垂直，开始在顶部后布置一个一个包含块。两个兄弟箱之间的垂直距离由“边距”属性决定。块格式化上下文中相邻块级别框之间的垂直边距折叠。

在块格式上下文中，每个框的左外边缘都与包含块的左边缘接触（用于从右到左格式化，右边缘接触）。即使存在浮点数（虽然由于浮点数，框的线框可能会缩小），但这种情况也是如此，除非框中建立了新的块格式上下文（在这种情况下，由于浮点数，框本身可能变得更窄）。

我不太明白boxes的含义，是不是意思是display:block元素？

如果是指block元，怎么样inline元素或float元素？我没有看到有关其他类型元素的任何说明，如何处理与其他元素？

正常流量和BFC中的块单元表示差异是什么？我认为它们是相同的，只是从左到右垂直的另一个

Answer 1

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

看到Controlling box generation

和有关在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> 

VS

<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>