CSS非定位框

因此，我正在閱讀W3站點上的CSS規範，並且我遇到了使用「非定位」這個詞，這是我很難描述的。 http://www.w3.org/TR/CSS2/visuren.html#float-rules請看下面的使用。CSS非定位框

由於浮子是不是在流動，非定位塊盒之前創建和浮動框後流動垂直彷彿浮子沒有存在。但是，爲了騰出浮標的邊距框的空間，必要時縮短了浮動的旁邊創建的當前和隨後的線框。

請看看我的樣品上小提琴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>

我的問題是/是，

在此先感謝您的答案。

2014-02-15 Kobojunkie

第一個肯定聽起來像使用沒有顯式設置位置屬性的框。 – Shomz

我自己做了這個假設，但是當我測試這個假設時，它在陳述的第二部分失敗了。 – Kobojunkie

在上面的例子中，你的意思是一個盒子是否正常流動將總是出現在浮動盒子的下面？因爲該示例中的浮動框出現在正常流動框的上方。 – Kobojunkie

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

這是一個正常流程中的盒子。旁邊的浮子創建

當前和後續行盒縮短以騰出空間給浮動框

線箱周圍的文本行創建的塊的邊緣框。正如您在小提琴中看到的那樣，B區文本相對於其父元素向右移動。這是因爲浮動的區塊F擋住了它 - 它縮短了區塊B的線框並將其向右移動等於F的邊距框的量。

線箱可以用大綱的幫助中可以看出：

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

看看如何大綱粘在文本（而不是形成一個矩形）

2014-03-13 21:12:15

回答