<div id="d">
 <div id="d2">
……
 </div>
 <div id="d3">
……
 </div>
</div>

我們可以觀察到，由于div是塊級元素，盡管容器div里有足夠的空間讓兩個內部并列div顯示到一行，第二個內部div仍然是自動換行后顯示。怎么可以讓div“見縫插針”呢？下面就讓我們來看看CSS的浮動屬性。

CSS浮動，float

float是CSS中非常重要和常用的一個屬性，這里我們就通過實驗來看看float屬性的作用。我們首先給第一個內部div設置一個float:left的屬性。

#d2{ float:left}

注意，此時原來在兩個內部div中間的空隙已經不見了。下面我們再來讓第二個內部div同樣向左側浮動。不過需要注意，如果容器div內的所有元素都浮動的話，會造成容器div所占有的面積變化，頁面內的文字可能會很亂，做好心理準備。重新刷新即可回復正常。

#d3{ float:left}

可以看到，當內部div2也想做浮動之后，它發(fā)現(xiàn)容器div內第一行尚有足夠的寬度，便會盡量地靠過去。這就是float的作用。

float同樣可以取值“right”，表示向右浮動，而取值“none”則表示不浮動。

試著讓內部div2向右側浮動。看看會有什么效果？