CSS非定位框

所以，我正在阅读W3网站上的CSS规范，我遇到了“非定位”这个词的用法，我很难想象这个词。请参阅下面的使用说明

由于浮动不在流中，因此会创建未定位的块框 浮箱前后垂直流动，就像浮箱未垂直流动一样 存在。但是，当前和后续行框是在 根据需要缩短浮子，以便为边距框留出空间 浮子的底部

请看一下我的提琴样品

F区
B区
C区

我的问题是

• 什么是CSS上下文中的未定位框？它是一个盒子吗 正常流量？或没有样式属性位置的框 显式设置
• 上面第一段是什么意思？我的意思是，规格是什么意思
  “在浮动旁边创建的当前和后续行框是 缩短，以便为浮动框的空白框腾出空间”
  浮箱何时流出

提前谢谢你的回答

什么是CSS上下文中的未定位框

这是一个正常流动的盒子

在浮动旁边创建的当前和后续行框是 缩短以为浮动框的空白框留出空间

行框是围绕文本行创建的块。正如您在小提琴中看到的，块B文本相对于其父元素向右移动。这是因为浮动块F挡住了路——它缩短了块B的行框，并将它们向右移动，移动量等于F的边距框

通过轮廓可以看到线框：

<div class="B"><span>Block B</span></div>
span {
    outline: 2px solid cyan;
}

块B
跨度{
外形：2倍固体青色；
}

（见小提琴：）

---

看看这个轮廓是如何与文本保持一致的（而不是形成一个矩形）

第一个轮廓听起来确实像是使用了一个没有显式设置position属性的框。我自己做了这个假设，但当我测试这个假设时，它在语句的第二部分失败了。在上面的示例中，你是说一个盒子是正常的吗？流动总是出现在一个浮动的盒子下面？因为该示例中的浮动框显示在正常流动框的上方。但是，如果切换框的位置（在浮动框之前声明的正常流动框），您会发现在这种情况下，正常流动框显示在浮动框的上方。还是我遗漏了什么？让我们

<div class="B"><span>Block B</span></div>
span {
    outline: 2px solid cyan;
}