3.7 浮動要素

我們在網(wǎng)頁中經(jīng)?？吹礁拥膱D象和表格，只需對一個<IMG>標簽使用ALIGN=left屬性，文字就會繞到浮動圖象的右邊繼續(xù)顯示。樣式表對于浮動要素有一個更為靈活的語法，也就是本篇中將要談到的主題。

（IE3和IE 4不支持本頁中談到的任何功能。如果你使用IE 4，你將會看到一些奇怪的格式。）

浮動

浮動屬性使你能將一個要素周圍用文字包裹，不僅僅是包裹圖象，而且能包裹整塊的文字。

H4 { float: left }

本標題文字為向左浮動。

你可以看到這項CSS規(guī)則應用于<H4>的文字。而本段內(nèi)容則包裹在標題文字的右下邊，就象是用文字包裹圖象時的效果那樣。你也可以使用向右浮動的參數(shù)值。

如果浮動要素周圍的邊距太小，你可以使用之前學過的空格填充屬性給它加大四周的空間（但似乎使用邊距會造成問題）。

清除

如果你想使一段文字包裹某一要素，而下一段文字不包裹，你可以使用clear屬性，很象HTML的CLEAR屬性的用法（例： CLEAR=right）。

P { clear: left }

例：

第1、2段文字包裹了向左浮動的第1幅圖象。

而使用了清除（clear）屬性后，第4、5段文字中只有第4段包裹了圖象，而第5段文字沒有包裹。