CSS中的Float屬性指元素浮動的方向。在網頁布局中，Float屬性可以使元素浮動在左側或右側，從而實現多列布局或圖文混排的效果。

.example {
float: left;
/* 或者是 float: right; */
}

由于CSS的Box Model是將元素看作是一個矩形盒子，所以浮動元素會脫離文檔流，并且其周圍的元素會重新排布。如果要讓浮動元素位于文檔流中，則要給其父元素添加Clear屬性。

.parent {
clear: both;
}

如果浮動元素高度不確定，容易導致其下方的元素被覆蓋，此時可以為其父元素添加Clearfix屬性，以防止這種情況的發生。

.parent::after {
content: "";
display: table;
clear: both;
}

Float屬性還有一個值為None，表示元素不浮動。如果要清除已有的Float屬性，則可以使用CSS的Clear屬性來實現。

.example {
clear: left;
/* 或者是 clear: right; clear:both; */
}

在網頁布局中，Float屬性常常和其他屬性一起使用，如Margin、Padding、Position等，以達到完美的布局效果。