浮動

標準流

標準流就是瀏覽器默認布局的方式，也就是從上往下，從左向右的默認的排版布局的方式。

浮動的實質

word中圖片和文字混排

浮動（float），浮動的盒子可以向左或向右移動，直到它的外邊緣碰到包含盒子或另一個浮動盒子的邊框為止。

float屬性值

none：不浮動；

left：向左浮動；

right：向右浮動。

浮動特性

1.浮動脫離標準流，不占位置，但會影響標準流。浮動只有左右浮動。

2.浮動的元素A排列位置，跟上一個元素（塊級）有關系。如果上一個元素有浮動，則A元素頂部會和上一個元素的頂部對齊；如果上一個元素是標準流，則A元素的頂部會和上一個元素的底部對齊。

3.一個父盒子里面的子盒子，如果其中一個子級有浮動的，則其他子級都需要浮動。這樣才能一行對齊顯示。

4.浮動根據(jù)元素書寫的位置來顯示相應的浮動。

5. 元素添加浮動后，如果沒有設置寬高的話，元素會具有行內塊元素的特性。元素的大小完全取決于定義的大小或者默認的內容多少。也就是具有了包裹性。

6.浮動具有破壞性，元素浮動后，破壞來原來的正常流布局，造成內容塌陷。