在 HTML5 中，

float

是一個用于布局和定位元素的屬性。它可以讓元素浮動在文檔流中的某個位置，讓其他元素“環繞”它。

首先，需要明確一點，

float

屬性只適用于塊級元素。而且，使用

float

會將元素從文檔流中“抬起”。

div {
float: left;
}

上面這段代碼可以讓一個 div 元素向左浮動，如果文檔流中有其他元素，它們會嘗試環繞這個浮動元素。如果想讓多個元素浮動在同一行，可以將它們都設置為左浮動，或者右浮動。

元素1
元素2

上面這段代碼可以讓兩個 div 元素浮動在同一行。需要注意的是，最后還加了一個

clear:both;

的樣式，這是為了清除浮動，讓后面的元素不再被浮動元素環繞。

當然，

float

還有一些常用的屬性，例如

left

,

right

,

none

,

inherit

等等。它們分別表示向左浮動、向右浮動、不浮動、繼承父元素的浮動屬性。

總的來說，

float

是 HTML5 中非常有用的一種布局方式，可以實現很多靈活的效果。