浮動是一種常見的CSS樣式，用于將一個元素與其周圍的元素一起移動，以創建具有彈性和流動性的頁面布局。然而，浮動可能會導致一些問題，如浮動下沉、浮動重疊等，因此我們需要使用一些技巧來清楚浮動。

浮動下沉是指當一個浮動元素超出其容器的范圍時，它將向下下沉到容器的底部。這是很常見的問題，因為它會導致頁面布局混亂，因為它可能會導致其他元素被隱藏或覆蓋。為了避免浮動下沉，我們可以使用CSS的`position: relative`和`position: absolute`屬性，將浮動元素設置為相對定位，并將其定位到父元素的適當位置。

浮動重疊是指當浮動元素重疊在一起時，它們將重疊在一起，并可能會影響頁面布局。這可以通過使用CSS的`overflow`屬性來清除。例如，我們可以將一個浮動元素設置為`position: relative`，并將其父元素設置為`position: absolute`，然后使用`overflow: hidden`來清除浮動元素之間的重疊。

除了使用CSS的`position`屬性外，我們還可以使用JavaScript來清除浮動。例如，我們可以使用JavaScript將浮動元素重置到其原始位置，并將其父元素移動到適當位置。這可以通過在父元素上添加一個JavaScript事件監聽器來實現，當浮動元素被訪問時，將其重置到原始位置，并將其父元素移動到適當位置。

要清楚浮動，我們可以使用CSS的`position`屬性、`overflow`屬性和JavaScript來清除浮動。這些方法可以幫助我們創建清晰、彈性和流動性的頁面布局。