什麼是置放?

階層式樣式表定位會定義元素在網頁上的位置。

預設定位

根據預設,元素會按照在 HTML 來源中出現的相同順序先後排列,各個元素的大小和位置需視元素類型、元素內容及元素在網頁上呈現時的顯示內容而定。HTML 版面配置的預設流程模型無法讓您隨意控制元素在網頁上的位置。將少部分的階層式樣式表屬性套用到針對網頁定義的元素後,階層式樣式表即可設定確切的座標,以控制元素的精確位置。您也可以指定相對於網頁上其他物件位置的放置位置。

如同其他 HTML 或階層式樣式表屬性 (Property),用來控制元素位置的階層式樣式表屬性 (Attribute) 也可用於指令碼,以動態變更這些元素在網頁上的位置。因此,載入文件後,可重新計算和重新繪製這些元素的位置,而無須從伺服器重新載入網頁。

您可以使用多種版面配置方法來控制元素的位置。使用特定參數時,您可以完全控制元素在網頁上顯示的部分。

置放元素

要使用的位置類型會視內容的版面配置及文件的用途而定。有三種方法可以將元素置放在 x 座標及 y 座標:

  • 絕對位置 不論其他任何內容如何,元素會精確放置在相對於父項座標系統的位置。

  • 固定位置 元素會精確放置在相對於瀏覽器視窗、位於其他內容流程之外的位置。

  • 相對位置 元素會放置在相對於網頁上其他元素的位置。相對位置會視文件的預設流程而定,當使用者重新調整瀏覽器視窗大小時,則會重新安排內容流程。

Note注意:

如果您使用 Internet Explorer 6 或更新版本,建議將 !DOCTYPE 設定為精確模式,讓呈現方式符合 Cascading Style Sheets (CSS), Level 2, revision 1 (CSS2.1) Ee371282.xtlink_newWindow(zh-tw,Expression.40).png (階層式樣式表 (CSS) 層級 2 修訂 1 (CSS2.1)) 的 W3C 規格,如下所示:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">

另請參閱

概念

絕對位置
固定位置
相對位置