css浮动中的9大规则

1. 浮动元素的活动区域

　　仅限于它的父容器元素，不会超出父容器

2. 浮动元素的位置

　　水平方向：尽可能居左或居右，如果它前面还有浮动元素，会跟在它后面，如果超出该行就会换行

　　垂直方向：尽可能的居顶

 

关于水平方向的位置，需要注意以下几点：

1) 向左浮动的元素不会出现在向右浮动的元素的右侧

 

关于垂直方向的位置，需要注意以下几点：

1) 浮动元素不会比容器的顶部还高

2) 浮动元素不会比前一个块级元素或浮动元素更高

3) 浮动元素不会比前一个行内元素更高

总的来说，浮动元素会尽可能的更高和更左(右),当在更高和更左(右)中进行选择时，在不发生浮动元素之间重叠的情况下，会选择前者，即浮动元素选择浮动到更高处。