http://www.w3cplus.com/css/clear-float

1.浮动实现图文环绕（理解难点）

浮动框旁边的行框被缩短，从而给浮动框留出空间，行框围绕浮动框,因此，创建浮动框可以使文本围绕图像

 

文本围绕图片源代码

1  2  3      4         
       5          6         16     17     18         
      
       19             
       20             
       
在今天，有不懂的知识，我们都会上网搜一下，但这只是最简单的搜索方法，属于搜索的初级阶段。那搜索的高级阶段是什么呢？最近，科学作家万维钢在新书《智识分子》里介绍了一个概念，叫“信息极客”，他们不仅在网上查找信息，而且还想为社会创造价值，甚至想用信息左右公共政策。想要成为这样的人，你就要会三个高级功夫。21             第一个功夫，是阅读学术论文。
22             第二个功夫，是直接阅读原始数据。
23             第三个功夫，是主动采集和分析数据。那些大数据咱们采集不了，可以从自己的数据开始，也就是量化自我。
24             
25         
      
26     27 

2.清除浮动造成影响源代码（浮动是带有方向的inline-block行内联块级元素/包裹性/破坏性）

1  2  3      4         
       5          6         53     54     55         
      
       56             
       
海盗船_1
57             
       
海盗船_2
58             
       
海盗船_3
59             
       
海盗船_4
60         
      
61 62     63