CSS中的浮動是一種常用的布局方式。在網頁設計中，當我們需要實現文字環繞圖片或多欄布局時，就會用到浮動。

浮動的概念是指將元素（通常是圖片或塊級元素）從文檔流中移動，使其脫離文本流之后，可以左浮動或右浮動到其父元素的左側或右側，從而實現文字環繞圖片的效果。同時，其父元素中的其他元素會排在浮動元素的下面。

浮動的屬性有兩個：float和clear。

.float {
float: left; /*或right*/
}
.clear {
clear: both;
}

其中，float屬性用于指定元素應該浮動到哪個方向；值為left表示元素應該向左浮動，而值為right表示元素應該向右浮動。

而clear屬性則用于解決元素浮動之后產生的問題，比如普通文本環繞浮動元素的情況下，文本會順著浮動元素的外邊緣排列，而不會出現在元素的下面。

我們可以使用以下方法解決這個問題：

.clear {
clear: both;
}

該方法使得元素不會出現在浮動元素的上面，而是清除元素左右兩側的浮動影響，自己獨占一行。

總的來說，浮動是CSS布局中很重要的方法之一，通過擺脫文本流的限制，實現更多的布局效果，還能夠與其他布局方式結合使用，使得網頁設計更加豐富多彩。