CSS非定位框

Question

所以，我正在阅读W3网站上的CSS规范，并且我遇到了使用单词＆＃34; non-located＆＃34;我很难想象。 http://www.w3.org/TR/CSS2/visuren.html#float-rules请参阅以下内容。

  

由于浮动不在流程中，因此会创建非定位块框   在浮动箱垂直流动之前和之后，好像浮子没有   存在。但是，旁边创建的当前和后续行框   必要时缩短浮子以为边缘盒腾出空间   浮动。

请查看我的小提琴样本http://jsfiddle.net/Kobo/7ASjk/

<div class="case two">
    <div class="F">Block F</div>
    <div class="B">Block B</div>
    <div class="C">Block C</div>
</div>

我的问题是/是，

• CSS上下文中什么是非定位框？它是一个盒子吗？ 正常流？或者没有样式属性位置的框 明确设定？

• 那里的第一段是什么意思？我的意思是规范是什么。

  意思是

    

  ＆＃34;在浮动旁边创建的当前和后续行框是   缩短为浮动箱的边缘框腾出空间＆＃34;

  当浮动框是流出的时候？

提前感谢您的回答。

Answer 1

  

CSS上下文中什么是非定位框？

它是正常流程中的一个盒子。

  

浮点数旁边创建的当前和后续行框   缩短为浮动框的边框设置空间

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

借助大纲可以看到线框：

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

（见小提琴：http://jsfiddle.net/2VSPy/1/）

看看这个轮廓如何粘贴到文本上（而不是形成一个矩形）