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