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怎麼計算）

至關於這一塊就是個人小王國，算我自已的，其餘東西跟我再也不有關係。