float和position脱离文档流

1、脱离文档流

w3c文档中将位置方案分为3种：

• 正常流，包括块级框的块格式化，内联级框的内联格式化以及块级和内联级框的相对定位（包括relative和static）；

• 浮动，在浮动模型中，首先根据正常流布置盒子，然后从流中取出并尽可能向左或向右移动。

• 绝对定位，在绝对定位模型中，完全从正常流中移除一个框（它对后来的元素没有影响）并且相对于包含块指定了一个位置。（详见包含块）

w3c原文描述：

9.3 Positioning schemes
In CSS 2.2, a box may be laid out according to three positioning schemes:
Normal flow. In CSS 2.2, normal flow includes block formatting of block-level boxes, inline formatting of inline-level boxes, and relative positioning of block-level and inline-level boxes.
Floats. In the float model, a box is first laid out according to the normal flow, then taken out of the flow and shifted to the left or right as far as possible. Content may fl