[自翻] css2.1的9.5.1节 - 浮动的位置控制：浮动的属性

原文：9.5.1 Positioning the float: the 'float' property

Float:

left
元素产生一个块级盒并浮动到左边。文档流从盒的顶端开始流向右边（服从“clear”属性）。
right
和“left”相似，不同的是盒浮动到左边，而文档流从盒的顶端开始流向左边。

浏览器可能会把根元素的float属性视为none。

下面是使用float控制表现的详细规则：

1、一个向左浮动的盒的左[外边界]必定在它的[C.B.]的左边界的左边。向右浮动的元素则情况相反。

2、假如当前盒向左浮动，并且源码中有任何向左浮动的盒出现在它前面的话，会按以下2种情况之一呈现：
a.当前盒的左[外边界]必须在那些更早出现的盒的右[外边界]的右边；
b.当前盒的顶端必须在那些更早出现的盒的下面；
此规则同样适用于向右浮动的元素。

3、一个向左浮动的盒的右[外边界]必定在“它右边的任何向右浮动的盒的左[外边界]”的左边。向右浮动的元素则情况相反。

4、一个浮动盒的上[外边界]必定在它的[C.B.]的顶端之下。当浮动元素在两个折叠margin之间时，浮动元素的放置位置就好像是在文档流中出现另一个空的匿名块级盒包在外面一样。这个匿名盒位置的界定遵从[margin折叠规则]。

5、一个浮动盒的上[外边界]必定在“任何在源码中出现得早的块级或浮动盒”的上[外边界]之下。

6、在一个元素中，一个浮动盒的上[外边界]必定在“任何在源码中出现得早的含有盒的[line box]”的顶端之下。

7、假设一个向左浮动的盒的左边有另一个向左浮动的盒，它的右[外边界]必定在它的[C.B.]的右边界的左边。（不太严格地说：一个向左浮动的盒不会超出它的[C.B.]的右边界，除非它已经足够靠右了）。此规则同样适用于向右浮动的元素。

8、一个浮动盒总会被放置在尽可能靠上的位置。

9、一个向左浮动的盒总会被尽可能放在左边，一个向右浮动的盒总会被尽可能放在右边。而放置它们时，尽量往上放置又总会优先于往左右放置。


以上规则中提到的元素的浮动规则均是指在相同的[块级环境]中。

收藏到网摘：新浪VIVI  365Key  POCO网摘  和讯网摘  我摘