在css中float是浮动的意思，可以让元素浮动到自己想要的地方。

属性值有：left，right，none，inherit（在IE8以下的任意版本不支持）

与float相关的属性clear：属性值：left（清楚左边），right（清楚右边），both（清楚左右两边），none（无），inherit（继承的浮动元素）

1  2  3  4     
      5      6     23 24 27 
     
      28     
      test129     
      test230     
      
       sometimes naive
      
31 
     
32 33 

以上代码中，我们可以把浮动理解为：隐性的把内联元素转换为块级元素，但是内部的特性就是有物理特性，但是他不占据一行，对外是内联元素的属性。相当于display：inline-block。

另外：

行内元素float后，对齐于旁边元素的顶部

行内元素flaot后,可以设置宽和高，以及垂直方向上的margin。

float：用在父级元素上，在没有设置宽高的情况下，回去自适应子元素的宽高