CSS Non-Disposable Boxes

Question

So, I am reading the CSS specification on the W3 website, and I come across the use of the word “non-positionable,” which is hard for me to imagine. http://www.w3.org/TR/CSS2/visuren.html#float-rules See below for use.

Since the float is not in the stream, blocks are not positioned before and after the stream of float boxes vertically, as if the float did not exist. However, the current and subsequent lines of lines created next to the float are shortened as needed to make room for the field field of the float.

please take a look at my sample on the violin 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>

My question is: / are,

• What is a non-positioned block in the context of CSS? Is this a box in the normal flow? Or a field in which there is no style property position explicitly set?

• What does the first paragraph mean? I mean what a specification is. means

  "the current and subsequent linear fields created next to the float are abbreviated to make room for the field field of the floating box"

  when is the floating box OUT-OF-FLOW?

Thanks in advance for your reply.

Answer 1

What is a non-positioned block in the context of CSS?

This field is in normal flow.

the current and subsequent linear fields created next to the float are shortened to make room for the floating box field field

, . , B . , F - B , F.

:

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

(. : http://jsfiddle.net/2VSPy/1/)

, ( )