CSS中的float屬性用于定義元素浮動到其容器中的左側或右側，使周圍的元素能夠填充剩余空間。

使用float屬性，需要先定義元素的寬度。當元素浮動時，它會被移動到容器的最左側或最右側，直到它的左側或右側碰到了容器的邊界或另一個浮動元素。

.example {
width: 200px;
float: left;
}

在上面的例子中，元素.example被定義為左浮動，并設置寬度為200px。這個元素將與其前面的元素同行，但在容器的左側。如果另一個元素右浮動，它將被移到example元素的右側，直到碰到容器的右側或另一個浮動元素。

浮動元素會影響周圍元素的位置。如果浮動元素位于文檔流中，周圍的元素將圍繞它布局。如果浮動元素的高度超過了容器的高度，容器將無法包含所有內容。在這種情況下，容器將被拉伸以適應浮動元素的高度。

.container {
height: auto;
overflow: hidden; /* 清除浮動設置 */
}
.example {
width: 200px;
float: left;
}

在上面的例子中，.container的高度自動調整以適應浮動元素，同時使用overflow:hidden;來清除浮動設置，以避免對子元素造成影響。