CSS中浮動是一種常見的布局方式，可以使元素脫離文檔流并浮動到父元素的左側(cè)或右側(cè)。根據(jù)浮動方向和清除方式，浮動可以被分為四種類型。

第一種是左浮動，表示元素浮動到父元素的左側(cè)。左浮動元素可以讓其他元素環(huán)繞在它的右側(cè)，從而達(dá)到一種文字環(huán)繞的效果。代碼如下：

.left-float{
float: left;
}

第二種是右浮動，與左浮動相反，表示元素浮動到父元素的右側(cè)。右浮動元素可以讓其他元素環(huán)繞在它的左側(cè)。代碼如下：

.right-float{
float: right;
}

第三種是清除浮動，當(dāng)一個元素同時有左浮動和右浮動元素時，可能會導(dǎo)致布局錯亂。清除浮動可以解決這個問題，讓元素重新回到文檔流中。常用的清除浮動方式有兩種：

1. 空元素清除浮動

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

2. 父元素清除浮動

.parent{
overflow: hidden;
}

第四種是居中浮動，表示元素浮動到父元素的中間。居中浮動需要使用position定位和margin負(fù)值來實(shí)現(xiàn)。代碼如下：

.center-float{
position: relative;
left: 50%;
float: left;
margin-left: -50px; /* 元素寬度的一半 */
}

以上是CSS中浮動的四種分類方式，掌握這些分類方式可以幫助您更好地運(yùn)用浮動布局。