小议浮动

浮动：1：浮动可以理解为让某个div元素脱离标准流，漂浮在标准流之上，和标准流不是一个层次 。（漂浮在标准流之上也就是说会覆盖下面的。）

          

对于上面这个解释说明：绿色的设置的宽度比红色设置的宽度宽，从图中可以看出，红色元素覆盖了一部分绿色元素，原因是因为红色元素设置了：float：left；（左浮动），导致这个红色块脱离了原本的文档流，而绿色元素没有没有设置浮动，所以它会自动补到正常流的位置，导致了上面这个结果。

            2 :假如某个div元素a是浮动的，如果a元素上一个元素也是浮动的，那么a元素会跟随在上一个元素的后边（如果一行放不下这两个元素，那么a元素会被挤到下一行）；如果a元素上一个元素是标准流中的元素，那么a的相对垂直位置不会改变，也就是说a的顶部总是和上一个元素的底部对齐。

 这个图片演示的就是上面的效果，蓝色处于正常流中，他下面的三个元素都设置了左浮动，无论他们如何变化，在不清除浮动下，下面三个元素的高度总是没有超越蓝色的底部，换句话说就是总是与蓝色的底部相对垂直对齐。