在CSS中，浮動是一種實現網頁布局的方法。通過設置元素的float屬性，可以讓元素向左或向右浮動，使得其他元素可以圍繞其周圍排列。當元素的寬度超出其包含塊的寬度時，它就會浮動到下一行。

.box {
float: left;
width: 200px;
height: 200px;
}

在上面的代碼中，我們定義一個寬高都是200px的盒子元素，并將其向左浮動。如果該盒子元素的左側有足夠的空間，它將出現在同一行中。但是如果它的左側沒有足夠的空間，它將浮動到下一行。

需要注意的是，浮動對于其他元素的布局會產生一定的影響。如果元素設置了浮動，那么它將脫離文檔流，其他元素將向它靠攏，但是如果浮動元素的高度超過了包含塊的高度，它下方的元素將會出現遮擋現象。

為解決這個問題，可以在浮動元素下方添加一個清除浮動的元素，比如在html中添加一個空的div元素，并設置clear屬性為both，其它樣式設置為height為0。這樣就可以解決元素遮擋的問題，同時也可以清除浮動的影響，使得其他元素恢復到正常的文檔流中。

.clear {
clear: both;
height: 0;
}

總的來說，浮動是CSS中常用的布局方式，它可以實現很多復雜的頁面布局效果。但是需要注意的是，它可能會帶來一些問題，比如元素遮擋、IE瀏覽器下的兼容性問題等，因此需要結合具體的應用場景進行選擇合適的布局方式。