在網頁設計中，浮動（float）是一個重要的概念，它可以使元素脫離文檔流并浮動在文本內部。但是，當元素浮動后，其父元素的高度可能無法被正確計算，這就需要使用 CSS 清除浮動。
以下是常用的 3 種清除浮動方法：
1. 父元素設置 overflow 屬性
將父元素設置為非 `visible` 的某個值，如 `hidden`、`auto`、`scroll` 等，可以強制瀏覽器回收它和它的浮動子元素的空間，從而清除浮動。
```html
被浮動的元素
被浮動的元素
```
2. 在浮動子元素后添加一個空元素
在浮動子元素后添加一個空元素，在 CSS 中為其清除浮動，即可使父元素正確計算高度。這種方法避免了使用 overflow 導致的一些副作用。
```html被浮動的元素
被浮動的元素
```
3. 使用 :after 偽元素清除浮動
在父元素內部使用 `:after` 偽元素，在 CSS 中設置 `clear` 屬性，即可清除浮動。這種方法不需要額外的 HTML 元素，同時支持所有瀏覽器。
```html被浮動的元素
被浮動的元素
```
以上是 CSS 清除浮動的 3 種方法，根據不同場景選擇合適的方式可以使網頁設計更加美觀。