## 浮動 網頁布局的核心就是用css來擺放盒子位置.CSS的定位機制有三種:普通流(文檔流),浮動和定位 . ## 為什么叫浮動 浮動就是漂浮在標準流的上面. ## 浮動重要 浮動脫離標準流,不占位置,會影響標準流.浮動只有左右浮動. 浮動盒子的時候,為了保證占用位置,必須使用一個標準流的父盒子. ## 浮動詳細內幕特性 浮動首先創建包含塊的概念(包裹).就是說,浮動的元素總是找離他最近的父級元素對齊,但是不會超出內邊距的范圍. ## 一浮具浮 一個父盒子里面的子盒子,如果其中一個子級有浮動的,則其他子級都需要浮動.這樣才能一行對齊顯示. ## 浮動后自動變為行內塊 塊級元素進行浮動之后,默認具有inline-block的屬性. 寬度消失,寬度由內容撐起來. 行內元素添加浮動之后也具有行內塊元素的特性了,寬度也是由內容決定. ## 總結 浮動的盒子是漂在標準流上面的. 添加浮動的盒子是不占用位置的. 浮動盒子需要和標準流父級搭配使用,特別注意浮動可以使元素顯示模式體現為行內塊特性.