在 CSS 中，浮動（float）是一種常用的布局方式。浮動可以讓一個元素脫離文檔流并向左或向右移動，直到它的外邊緣碰到包含它的容器或另一個浮動元素的邊緣。

例如：
img {
float: right;
}

上面的 CSS 代碼將圖片向右浮動。注意，圖片在文檔流中仍然占據空間，因此其相鄰元素的位置也會被影響。

浮動元素的最常見用途是在容器中創建多列布局。通過將一些元素向左浮動，將另一些元素向右浮動，可以將它們放入同一行。以下代碼可以實現左中右三列布局：

.container {
width: 100%;
}
.left {
float: left;
width: 33.33%;
}
.right {
float: right;
width: 33.33%;
}
.middle {
width: 33.33%;
overflow: hidden; /* 清除浮動 */
}

其中，.left 和 .right 元素分別向左和向右浮動，寬度為容器寬度的三分之一。.middle 元素沒有浮動，但是需要添加 overflow: hidden; 屬性來清除浮動，并保證該元素能夠排在浮動元素下方。

需要注意的是，浮動元素可能會導致容器高度塌陷而影響其他元素的布局。為避免這種情況，可以使用 clearfix 技術清除浮動：

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

以上代碼會在 .container 元素的最后添加一個偽元素，將其設置為塊級元素，并清除其前面的浮動元素。

總體來說，浮動是一種強大的布局方式，可用于創造多種頁面布局效果。但是需要注意其可能帶來的副作用，以及如何解決這些問題。