CSS 中的浮動(dòng)是一種常用的布局方式，可以讓元素脫離普通文檔流，沿著指定方向進(jìn)行移動(dòng)，并為其他元素騰出空間。根據(jù)不同的浮動(dòng)方向及特點(diǎn)，CSS 中的浮動(dòng)可以分為以下幾種：

.float-left {
float: left;
}
.float-right {
float: right;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}

1. 左浮動(dòng)。左浮動(dòng)使用float: left進(jìn)行設(shè)置，使元素向左移動(dòng)，騰出右側(cè)空間，可以和普通文本、其他浮動(dòng)元素并排顯示。左浮動(dòng)的元素將從右側(cè)向左側(cè)浮動(dòng)，直到碰到它前面的布局邊界或者其他浮動(dòng)元素。使用左浮動(dòng)可以實(shí)現(xiàn)一些兩欄布局、圖片列表等效果。

2. 右浮動(dòng)。右浮動(dòng)使用float: right進(jìn)行設(shè)置，使元素向右移動(dòng)，騰出左側(cè)空間，可以和普通文本、其他浮動(dòng)元素并排顯示。右浮動(dòng)的元素將從左側(cè)向右側(cè)浮動(dòng)，直到碰到它前面的布局邊界或者其他浮動(dòng)元素。使用右浮動(dòng)可以實(shí)現(xiàn)一些兩欄布局、文章列表等效果。

3. 清除浮動(dòng)。由于浮動(dòng)元素脫離了普通文檔流，其他元素可能因此而受到影響，不如期望地顯示。因此，我們需要使用清除浮動(dòng)的方式，如下面的代碼所示，可以在浮動(dòng)元素的容器上添加一個(gè)清除浮動(dòng)的偽元素，使用clear: both使該元素下方及左右兩側(cè)都不出現(xiàn)浮動(dòng)元素。

以上就是 CSS 中常見的浮動(dòng)分類。需要注意的是，浮動(dòng)雖然有很多應(yīng)用，但是過多的浮動(dòng)則會(huì)影響頁面性能、布局穩(wěn)定性，應(yīng)該合理使用。