CSS:为什么 block 元素环绕 float 元素

Question

请参阅 http://jsfiddle.net/w1xhpp2c/ 中的示例.我不明白为什么 div.b 包裹在 float 元素周围。我一直认为只有内联元素可以包裹 float 元素，而 block 元素则不会。

.wrap{
        width: 500px;
    }
    .a{
        float: left;
        width: 200px;

    }
    .b{
        background-color:#eee;
        width:500px;
    }

<div class="wrap">

        <div class="a">
            a<br/>
            a<br/>
        </div>

        <div class="b">
             b<br/>
             b<br/>
             b<br/>
        </div>
</div>

Answer 1

block 框在 float 元素下流动。 CSS 2.1 spec says

Since a float is not in the flow, non-positioned block boxes created before and after the float box flow vertically as if the float didn’t exist