CSS浮动属性

    在CSS布局中，经常需要用到浮动（float）属性。有了这一利器，布局更加得心应手了。我虽然才学了不长时间，但是也有一番自己的体悟。
    浮动，顾名思义，这是一种移动物体的方法。在文档流中，块状元素呈现从上到下的显示顺序。当我们布局的时候经常需要把这些块排成一列，这时候就需要用浮动。
    float：left/right/none;向左/右/不浮动。浮动一共有这三种状态。灵活运用就可以完成大部分布局需求。
    在文档流的时候，这些块状元素按照出现的顺序在水底竖着排列。当用到浮动属性的时候，这些块状元素就从水底浮动到了水面上，它水底的位置就不在了，被其他不浮动的块状元素占了。
    在给另一个块状元素也添加浮动后，两块元素在水面上被我们重新排列，想让它向左就可以让他向左。这时候，在我们的视野中看到的就是左右排列的块状元素了。