浮動
標準流
標準流就是瀏覽器默認布局的方式,也就是從上往下,從左向右的默認的排版布局的方式。
浮動的實質
word中圖片和文字混排
浮動(float),浮動的盒子可以向左或向右移動,直到它的外邊緣碰到包含盒子或另一個浮動盒子的邊框為止。
float屬性值
none:不浮動;
left:向左浮動;
right:向右浮動。
浮動特性
1.浮動脫離標準流,不占位置,但會影響標準流。浮動只有左右浮動。
2.浮動的元素A排列位置,跟上一個元素(塊級)有關系。如果上一個元素有浮動,則A元素頂部會和上一個元素的頂部對齊;如果上一個元素是標準流,則A元素的頂部會和上一個元素的底部對齊。
3.一個父盒子里面的子盒子,如果其中一個子級有浮動的,則其他子級都需要浮動。這樣才能一行對齊顯示。
4.浮動根據(jù)元素書寫的位置來顯示相應的浮動。
5. 元素添加浮動后,如果沒有設置寬高的話,元素會具有行內塊元素的特性。元素的大小完全取決于定義的大小或者默認的內容多少。也就是具有了包裹性。
6.浮動具有破壞性,元素浮動后,破壞來原來的正常流布局,造成內容塌陷。