浮动的理解

同一个父元素中：

1）前面不浮动，后面没法浮动，因为前面自动增加了右外边距

 

 

2）前面浮动，后面不浮动：前面将会上移一层，后面会以为前面没有东西，自动补齐（图中的box2在box1下面一层，因此看不到）

 

3）前面浮动，后面也浮动：他们会一起上移一层（这样就达到了横向排列的效果），后面如果有不浮动的当然也会自动补齐，如果浮动，和他们一起上移

 

在不同父元素中，如果父元素不通过浮动显示在一行，他们的子元素不可能在一行，子元素是在父元素的范围内浮动

 

另外，父元素中的元素如果一行满了后面元素还要浮动，只能换行

 

如果子元素超出父元素的范围，子元素会溢出显示，当然他还是在上面一层，所以如果其父元素和后面子元素都不浮动，是不会影响下面的布局的

 

子元素溢出的情况：

                如果其父元素和父元素的下一个兄弟元素都浮动，这时父元素和兄弟元素排成一行

 

                如果其父元素没有浮动，而父元素的下一个兄弟元素浮动，这时父元素的兄弟元素会和溢出的子元素排在一行（个人感觉这种情况应该都不希望发生，只是为了避免错误在这里标记一下）

        我理解的浮动主要就是为了实现元素的横向排列，用的时候要搞清楚各个元素之间的关系