浮動(dòng)是CSS中常見(jiàn)的布局方式之一。通過(guò)浮動(dòng)，我們可以將元素沿著父元素的左側(cè)或右側(cè)浮動(dòng)，從而實(shí)現(xiàn)多列布局等效果。CSS中的浮動(dòng)又分為清除浮動(dòng)、左浮動(dòng)和右浮動(dòng)三種類(lèi)型。 清除浮動(dòng)是指將之前浮動(dòng)的元素恢復(fù)到?jīng)]有浮動(dòng)的狀態(tài)。通過(guò)清除浮動(dòng)，我們可以讓浮動(dòng)元素不影響后續(xù)元素的布局。清除浮動(dòng)的方法主要有以下幾種：

/* 清除浮動(dòng)方法一 */
.clearfix:after {
content: "";
display: block;
clear: both;
}
/* 清除浮動(dòng)方法二 */
.clearfix {
zoom: 1;
}

在CSS中，左浮動(dòng)和右浮動(dòng)分別使用float: left和float: right設(shè)置。通過(guò)設(shè)置浮動(dòng)，我們可以將元素沿著父元素的左側(cè)或右側(cè)浮動(dòng)，實(shí)現(xiàn)多列布局等效果。下面是左浮動(dòng)示例代碼：

/* 左浮動(dòng)示例 */
.left {
float: left;
}

下面是右浮動(dòng)示例代碼：

/* 右浮動(dòng)示例 */
.right {
float: right;
}

總結(jié)一下，CSS中的浮動(dòng)主要分為清除浮動(dòng)、左浮動(dòng)和右浮動(dòng)三種類(lèi)型。通過(guò)清除浮動(dòng)，我們可以讓浮動(dòng)元素不影響后續(xù)元素的布局；通過(guò)設(shè)置左浮動(dòng)或右浮動(dòng)，我們可以實(shí)現(xiàn)多列布局等效果。在實(shí)際應(yīng)用中，需要注意浮動(dòng)元素的正確清除和布局。