参考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怎么计算）
相当于这一块就是我的小王国，算我自已的，其他东西跟我不再有关系。
CSS float的特性
原文地址：http://www.cnblogs.com/zhaixingpengyue/p/7454641.html