“正常流”和“BFC”之间的关系是什么？

Question

我在MDN对格式化上下文的介绍中读过这篇文章：格式化上下文简介

文档中使用块布局规则的最外层元素建立第一个或初始块格式上下文。这意味着元素块中的每个元素都按照正常的流程进行布局，遵循块和内联布局的规则。参与BFC的元素使用CSS模型概述的规则，该模型定义了元素的边距、边框和填充是如何在相同上下文中与其他块交互的。

那么，我们是否可以把“正常流”看作是在BFC中布局的方式，而法线流是由根元素( 我的心理模型 )创建的最大的BFC，这个粗略的心智模型是否正确？

我查阅了文档: CSS规范文档中的一些概念，如：“可视化格式模型”、“块容器框”、“块级别框”、“块框”。

Answer 1

这曾经是个不错的近似。现在，我们已经没有那么多Flex格式上下文和网格格式上下文了。

要掌握正常流，一个更好的起点是CSS第3级显示规范中的术语表，它说：

• 无流
• 流中 如果一个方框是从其预期位置提取出来的，并且与周围的内容交互，并且在其父格式上下文中使用了正常的内容流之外的一个不同的范例，那么一个框就是出流的。如果该框被浮动(通过浮动)或绝对定位(通过位置)，则会发生这种情况。如果盒子不是流动的话，它就是流动的.

注意:一些格式化上下文禁止浮动，这样一个带有float: left的元素就不一定是流出的。

因此，正常流是所有的内容，没有浮动或绝对定位(包括为此目的，固定定位)。您可能不应该将它与任何特定的格式上下文联系得太紧密。