精確模式下的版面配置基礎

度量單位和位置屬性 (Property) 可透過 DHTML 文件物件模組 (DOM) 取得,且當作階層式樣式表屬性 (Attribute) 提供。您可以使用 DHTML DOM 屬性,以程式設計方式設定階層式樣式表屬性。透過 DHTML DOM 公開的屬性,會根據元素在文件中的呈現方式傳回值。階層式樣式表屬性會根據其他階層式樣式表屬性的預設值傳回值。

元素方塊

網頁上的每個可見元素會在文件中佔據絕對空間量。元素佔據的空間大小是由元素矩形或內容方塊所定義。元素矩形在精確模式與快速模式中的處理方式不同。

在快速模式中,元素矩形的高度和寬度包含高度、寬度、邊框間距和框線的加總。在精確模式中,內容方塊只以高度和寬度屬性來定義,而不加入邊框間距或框線。

區塊元素與內嵌元素的比較

所有可見的 HTML 元素會以區塊或內嵌方式顯示。區塊元素 (如 DIV 元素) 通常會開始新行,並根據父容器的寬度來調整大小。內嵌元素 (如 SPAN 元素) 通常不會開始新行,且會根據其本身內容的高度和寬度來調整大小。

元素的大小、版面配置和位置

當下列其中一個條件成立時,元素便具有版面配置:

  • 它是具有指定高度和寬度的區塊層級元素。

  • 它是具有未設為可見之溢位參數的區塊層級元素。

定位元素具有特定度量單位,且可使用階層式樣式表版面配置屬性 (上、右、左和下) 設定為某個位置。未定位元素的位置會相對於其具有版面配置的最近上階。將一或多個元素移至文件內的相對或絕對座標時,位置會很有用。它也可用於建立特定文件樣式。

另請參閱

概念

屬性 (依名稱)
階層式樣式表參照
快速模式中的度量單位和位置屬性