• 顯示與隱藏

• display的三個屬性值顯示效果

• overflow內容溢出

• float浮動

• 子元素浮動不能超出父元素的範圍

• 兄弟元素設置相同浮動效果時，會自動進行排列，排列超出頁面最大寬度會自動換行

• 兄弟元素前一個未設置浮動，而後一個設置，後面元素浮動不能超過前面兄弟元素

• 高度塌陷

• * 塊級元素高度 = 所有子元素高度 + padding + border

• * 由於沒有給父級元素設置高度 ，當子級元素設置浮動時 ， 脫離了文檔流 ， 導致父級元素高度丟失效果稱為高度塌陷

• * 高度塌陷問題解決 —— 開啟BFC （block formatting context）塊級格式化上下文環境

•     * BFC特性：

•         - 文檔流中的元素不會被浮動的元素所覆蓋

•         - 子元素設置外邊距時，不會傳遞給父元素

•         - 元素可以包含浮動的子元素

•    * 怎樣開啟BFC：

•         - 設置浮動（float）

•         - 設置元素顯示為行內塊級元素（inline-block）

•         - 將元素內容溢出設置為非visible值（hidden）

•         - 設置元素為絕對定位（position）

•         - 在所有子元素後設置一個子元素，並設置clear屬性為both

• position

• 區別

css的浮動與定位