在CSS中，float屬性被用來控制元素在文檔流中的位置，讓元素可以從正常的文檔流中脫離出來，并且向左或向右浮動(dòng)。

例如：
#box {
float: left;
width: 100px;
height: 100px;
background-color: red;
}

在這個(gè)例子中，我們定義了一個(gè)id為“box”的元素，它被設(shè)置為浮動(dòng)到左邊，并且有100像素的寬和高，以及紅色的背景。

浮動(dòng)元素會(huì)從正常的文檔流中脫離出來，其它元素會(huì)在其周圍進(jìn)行布局。如果多個(gè)元素浮動(dòng)在同一個(gè)方向，那么它們會(huì)形成一列或一行。

使用float屬性還可以實(shí)現(xiàn)文字環(huán)繞效果，例如一個(gè)圖像浮動(dòng)在文本的左邊或右邊。

例如：
#image {
float: left;
margin-right: 10px;
}

在這個(gè)例子中，我們定義了一個(gè)id為“image”的圖像元素，它被設(shè)置為浮動(dòng)到左邊，并且有一個(gè)10像素的右外邊距。這樣，當(dāng)文本出現(xiàn)在圖像的右邊時(shí)，它就會(huì)自動(dòng)調(diào)整排列的位置。

需要注意的是，float屬性會(huì)影響元素的寬度，如果設(shè)置了寬度，那么不會(huì)自動(dòng)調(diào)整寬度，而是會(huì)被保留。因此，需要手動(dòng)調(diào)整元素的寬度，以便與文本對齊。

最后，使用clear屬性可以清除一個(gè)元素的浮動(dòng)狀態(tài)，使其重新回到正常的文檔流中。例如：

#clear {
clear: both;
}

在這個(gè)例子中，我們定義了一個(gè)id為“clear”的元素，它的clear屬性被設(shè)置為“both”，這樣它就會(huì)清除左右浮動(dòng)的元素。