標題：CSS 清除 float 技巧

CSS float 是用于讓某個元素脫離文檔流并 float 到頁面邊緣的一種技術。然而，當過多的 float 元素在頁面中存在時，會導致頁面布局變得混亂。為了解決這個問題，我們可以使用 CSS 清除 float 技巧來清除不必要的元素。

1. 使用絕對定位：將需要保留 float 元素的定位方式設置為絕對定位，這樣它們就不會脫離文檔流。

2. 使用偽元素：將需要保留 float 元素的元素轉換為偽元素，這樣它們就不會脫離文檔流。

3. 清除父元素的 float：將父元素設置為 "> p</p> 或其他非 float 元素，這樣父元素就不會脫離文檔流，并可以與子元素一起排列。

4. 使用清除 float 函數：清除 float 技巧可以通過清除元素的 float 屬性來實現。

HTML 代碼：

<div>

<p>第一行文字</p>

<p>第二行文字</p>

<p>第三行文字</p>

</div>

CSS 代碼：

div {

width: 300px;

height: 200px;

background-color: blue;

display: inline-block;

width: 100px;

height: 100px;

margin: 0 20px;

上述示例中，我們使用絕對定位來保留三個段落元素。然后，我們將第一個段落元素轉換為偽元素，并設置其定位方式為絕對定位。最后，我們清除父元素的 float 屬性，并使用 inline-block 屬性將每個子元素設置為 100 像素寬和 100 像素高，并將其居中。

輸出結果：

第一行文字

第二行文字

第三行文字

請注意，使用絕對定位可能會影響某些元素的可見性。因此，在選擇這種方法時，請確保您不需要保留任何絕對定位元素。此外，清除 float 技巧可能不適用于所有情況，因此您可能需要根據具體情況選擇其他方法。