CSS中清除浮動的方法有很多，以下是其中一些常見的方法：

1. 清除相對定位的浮動：使用絕對定位的子元素會與父元素產生浮動，可以通過清除父元素的浮動來解決。可以通過使用 `!important` 聲明來強制清除浮動，但需要注意，這種方法可能會影響其他元素的布局。

2. 清除層疊浮動：當子元素與父元素之間存在層疊時，子元素的位置也會隨之浮動。可以通過使用 `position: relative` 屬性并將子元素設置為 `position: absolute` 來解決。還可以使用 `z-index` 屬性來將子元素設置為高于父元素，從而防止浮動。

3. 清除偽元素引起的浮動：當父元素中的偽元素被設置為 `display: inline-block` 時，它們可能會導致浮動。可以通過使用 `vertical-align: top` 屬性來解決這個問題，或者使用 `display: flex` 并設置每個子元素為 `flex-item` 來避免偽元素之間的浮動。

4. 清除浮動的寬度重疊：當子元素的寬度與父元素的寬度重疊時，它們可能會導致浮動。可以通過使用 `max-width` 屬性來限制子元素的寬度，并將其設置為與父元素相同的寬度，從而避免浮動。

下面是一個示例，演示了如何使用這些方法來清除浮動：

```html

<div class="parent">

<div class="child"></div>

</div>

<style>

.parent {

width: 300px;

height: 300px;

background-color: blue;

.child {

position: absolute;

top: 50px;

left: 50px;

</style>

在這個示例中，使用 `position: absolute` 屬性并將子元素設置為 `top: 50px; left: 50px` 來解決浮動。使用 `max-width` 屬性限制子元素的寬度，并將其設置為與父元素相同的寬度，從而避免浮動。最后，使用 `background-color` 屬性將父元素設置為藍色，并使用 `!important` 聲明清除浮動。

通過這些方法，可以清除 CSS 中浮動的問題，使元素能夠更好地布局。