在CSS中清除浮動(dòng)是一個(gè)常見的需求，它可以幫助我們避免浮動(dòng)元素導(dǎo)致父元素高度塌陷等問題。下面是幾種常見的清除浮動(dòng)的方法。

1. 使用空div清除浮動(dòng)

在浮動(dòng)元素的父元素的最后添加一個(gè)空的div，并設(shè)置它的clear屬性為both，即可清除浮動(dòng)。

.clear {
clear: both;
}

2. 使用overflow屬性清除浮動(dòng)

在浮動(dòng)元素的父元素中添加overflow屬性，并設(shè)置為hidden或auto即可清除浮動(dòng)。

.parent {
overflow: hidden; /* 或者overflow: auto; */
}

3. 使用clearfix類清除浮動(dòng)

clearfix類是一種特殊的清除浮動(dòng)方法，它可以將清除浮動(dòng)的樣式定義為一個(gè)類，方便在需要清除浮動(dòng)的地方直接調(diào)用。

.clearfix::after {
content: "";
display: table;
clear: both;
}

在需要清除浮動(dòng)的元素上添加clearfix類即可。

4. 使用CSS網(wǎng)格布局清除浮動(dòng)

使用CSS網(wǎng)格布局（CSS Grid）可以避免浮動(dòng)元素導(dǎo)致的一系列問題。

.parent {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.child {
/* 子元素的樣式 */
}

以上是幾種常見的清除浮動(dòng)的方法，根據(jù)具體情況選擇合適的方法即可。