CSS float屬性指定盒子是否應(yīng)該浮動。在CSS的float屬性是定位性質(zhì)。它用于將一個元素向左或向右推，允許其他元素環(huán)繞它，通常用于圖像和布局。
您可以將元素向左或向右浮動，但僅適用于生成并非絕對定位的框的元素。跟隨浮動元素的任何元素都將在另一側(cè)圍繞浮動元素流動。
該float屬性可能具有以下三個值之一：
| 值 | 描述 |
|---|---|
| left | 該元素浮動在其包含塊的左側(cè)。 |
| right | 該元素浮動在其包含塊的右側(cè)。 |
| none | 從元素中刪除float屬性。 |
| initial | 它將屬性設(shè)置為其初始值。 |
| inherit | 它用于從其父元素繼承此屬性。 |
浮動元素將從正常流中移出，并在包含元素的可用空間中盡可能向左或向右移動。
除非漂浮物的clear屬性阻止了其他元素的流動，否則其他元素通常會圍繞漂浮物流動。元素水平浮動，這意味著元素只能向左或向右浮動，不能向上或向下浮動。
img {
float: left;
}測試看看?/?如果相鄰放置多個浮動元素，則在有水平空間的情況下它們將彼此相鄰浮動。如果沒有足夠的空間來容納浮子，則將其向下移動，直到適合為止或不再有浮子。
.thumbnail {
float: left;
width: 125px;
height: 125px;
margin: 10px;
}測試看看?/?浮動元素之后的元素將在其周圍流動。該clear屬性指定不允許在元素框的哪一側(cè)放置其他浮動元素。
.clear {
clear: left;
}測試看看?/?注意：此屬性只能從同一塊內(nèi)的浮動框中清除元素。它不會從元素本身內(nèi)浮動的子框中清除元素。要了解有關(guān)清除浮動的更多信息，請參見CSS Alignment教程。