css浮动中的9大规则

1. 浮动元素的活动区域

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

2. 浮动元素的位置

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

  垂直方向:尽可能的居顶

 

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

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

 

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

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

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

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

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

原文地址:https://www.cnblogs.com/chaoguo1234/p/2938649.html