CSS中的浮動是指將HTML元素從其普通的文本流中移動，使它們不再占據頁面的規則性布局。通過設置CSS中的float屬性，可以將元素向左或向右浮動，以便使頁面布局更加靈活，對于制作響應式設計和實現多欄排版等都非常有用。

.float-left {
float: left;
}
.float-right {
float: right;
}

在以上代碼中，我們定義了兩個類名：float-left和float-right，它們將元素向左和向右浮動。使用這兩個類名，可以輕松地為任何元素設置浮動效果。

需要注意的是，浮動元素的寬度默認情況下會自動調整到合適的大小。如果要讓浮動元素保持固定寬度，可以使用CSS中的width屬性進行設置。同時，我們還可以使用clear屬性來避免元素重疊。

.clear {
clear: both;
}

以上代碼將產生一個可以清除浮動的樣式，通常用于嵌套浮動的元素中，以避免浮動元素重疊。在需要增加間距時，也可以在父元素中加入clear屬性來達到布局的目的。

總之，CSS中的浮動是一種非常有用的 CSS 屬性，它讓我們得以更加高效的實現各種網頁布局需求。但需要注意的是，使用浮動屬性也需要注意好各個元素之間的關系，以免造成布局混亂。