CSS float 用來定義區塊的浮動，常用來網頁排版像是文字繞圖或是區塊排版，可以設定靠左靠右。

解決 CSS 令人煩惱的版面問題｜udemy

1. float 主要用途

• 選單排列
• 版面排列
• 文繞圖

2. float 的原理

• left
• right

版面問題 - float 的原理

3. float 簡單應用

版面問題 - float 簡單應用

4. float 元素與非 float 元素的關係

版面問題 - float 元素間的關係

5. 使用 float 做選單的排列

版面問題 - float 做選單的排列

6. css 的重設，CSS Reset 與 CSS normalize

小事之 CSS Reset 與 CSS normalize

7. float 清除浮動

CSS 中 float 引起的父元素高度塌陷

父元素高度塌陷解法

1. 空標籤 clear:
2. overflow
3. 父元素加偽類 clear: both
4. display: table

版面問題 - float 清除浮動