CSS float的特性

参考http://www.zhangxinxu.com/wordpress/?p=583 

浮动的出现：

只是用来让文字环绕图片而已（给图片加float）

浮动的两个特性：

包裹性：

浮动相似于一个带有方位的display：inline-block 属性，浮动元素不定义宽度的状况下，宽度是由内容撑开的。

破坏性：

文字之因此会环绕含有float属性的图片是由于浮动怕破坏了正常的line boxes。（我在chrome上测试float会把  图片  的display属性，从inline改变为block）

直接上个例子：

 

这里子div至关于一个图片，给 display赋值inline

 

同时能够发现display自动变成了block ，因此也不会再使用line-boxes原本的计算。（http://www.zhangxinxu.com/wordpress/?p=384这里讲了line-boxes怎么计算）

至关于这一块就是个人小王国，算我自已的，其余东西跟我再也不有关系。