CSS中的float屬性用于設置元素的橫向浮動效果。當設置了float屬性后，該元素就會脫離文檔流，向左或向右浮動。此時，其他元素會對該元素的位置產生影響。

float: left; /* 元素向左浮動 */
float: right; /* 元素向右浮動 */
float: none; /* 取消元素的浮動效果 */

使用float屬性時，需要注意以下幾點：

• 浮動元素不會占用文檔流中的位置，因此其他元素可能會填補其位置。
• 浮動元素如果沒有設置寬度，會自動收縮為內容的寬度。
• 浮動元素如果有相鄰的元素，會自動對齊到同一行。如果空間不足，會自動換行。
• 浮動元素如果沒有內容，高度為0。

因為float屬性會導致其他元素位置的變化，因此需要特別注意布局時元素的順序。如果需要讓浮動元素與其他元素在同一行，可以使用clear屬性清除浮動效果。

.clearfix {
clear: both;
}

在布局時，可以使用float屬性來實現類似于圖片固定在文本中的效果。例如：

img {
float: left;
margin-right: 10px;
}

上述代碼可以讓圖片向左浮動，右側文本環繞圖片并保持一定的間距。