显然标准流已经
无法满足需求，这就要用到浮动。

      

       浮动可以理解为让某个 div 元素脱离标准流，漂浮在标准流之上，和标准流不是
一个层次。

       例如，假设上图中的 div2 浮动，那么它将脱离标准流，但 div1、div3、div4 仍然在标准
流当中，所以

div3 会自动向上移动，占据 div2 的位置，重新组成一个流。如图：

 

 

       从图中可以看出，由于对 div2 设置浮动，因此它不再属于标准流，div3 自动上移顶替
div2 的位置，div1、div3、div4 依次排列，成为一个新的流。又因为浮动是漂浮在标准流之上
的，因此

div2 挡住了一部分 div3，div3 看起来变“矮”了。

       这里 div2 用的是左浮动(float:left;)，可以理解为漂浮起来后靠左排列，右浮动
(float:right;)当然就是靠右排列。这里的靠左、靠右是说页面的左、右边缘。

       如果我们把 div2 采用右浮动，会是如下效果：

 

 

       此时 div2 靠页面右边缘排列，不再遮挡 div3，读者可以清晰的看到上面所讲的
div1、div3、div4 组成的流。

找互联网资料，就到一览互联网文库

http://wk.yl1001.com/hlw/