?。╳idth、height、visiblility）

　　除了控制定位單元的左上角位置，你還可以控制單元的寬度和高度，及單元在頁(yè)面的可視性。

　　寬度

　　定位了的要素在頁(yè)面上顯示時(shí)仍然會(huì )從左到右一直顯示。利用寬度屬性就可以設定字符向右流動(dòng)的限制，即設定要素的寬度。西安網(wǎng)站建設推薦閱讀>>> div屬性，

　　DIV { position: absolute; left: 200px; top: 40px; width: 150px }

　　瀏覽器接到這項規則時(shí)，它將文字按照規則規定的效果顯示，還將段落的最大水平尺寸限制在150象素。

　　寬度屬性只適用于絕對定位的要素。你可以使用我們學(xué)過(guò)的任何一種長(cháng)度單位，或使用比例值設定寬度，比例值指相對于母體要素的比例。IE 4中，這項屬性還可用于圖像。你可以通過(guò)寬度設置人為地拉寬或壓縮圖像。

　　高度

　　理論上講，高度應該和寬度的設置類(lèi)似，只不過(guò)是在垂直方向上：

　　DIV { position: absolute; left: 200px; top: 40px; height: 150px }

　　這里我用了“理論上講”，因為有些瀏覽器不支持高度屬性。

　　可視性

　　利用CSS，你可以隱藏要素，使其在頁(yè)面上看不見(jiàn)。這條屬性對于定位了的和未定位的要素都適用。

　　H4 { visibility: hidden }

　　選項

　　visible 使要素可以被看見(jiàn)

　　hidden 使要素被隱藏

　　inherit 指它將繼承母體要素的可視性設置。

　　值 inherit 為缺省值。這使單元繼承父單元的可見(jiàn)性。所以，如果某一段是隱藏的，則它包含的任何行間單元也都被隱藏。這一繼承性可被明確指定的可見(jiàn)性取代。例如，段內的 EM 單元被指定為可見(jiàn)，這時(shí)如果該段被隱藏，則段內的所有其它內容都將消失，而唯有 EM 單元中的文本是可見(jiàn)的。

　　當一個(gè)要素被隱藏后，它仍然要占據瀏覽器窗口中的原有空間。所以，如果你將文字包圍在一幅被隱藏的圖像周?chē)?，那么，其顯示效果將是文字包圍著(zhù)一塊空白區域。

　　這條屬性在編寫(xiě)語(yǔ)言和使用動(dòng)態(tài)HTML時(shí)很有用，比如你可以使某段落或圖像只在鼠標滑過(guò)時(shí)才顯示。

　　單元層次

　?。▃-index）

　　特性 z-index 用于堆疊屏幕上的單元。缺省情況下，單元堆疊的順序為它們出現在HTML標記的順序——也就是說(shuō)，后出現單元堆疊在早出現單元的上面。Z-index 特性實(shí)際上定義同屬（sibling）單元的堆疊順序以及單元相對父單元的堆疊。按照規范草案，具有正 z-index 值的單元群都堆疊在父單元之上，它們自己的堆疊順序則按其取值的大小來(lái)決定（值大的單元在上層）。同樣，具有負 z-index 值的單元群都堆疊在父單元之下，它們自己的堆疊順序也按取值的大小來(lái)定（值大的單元在上層，例如值為 -1 的單元在值為 -2 的單元的上面）。

　　該參數值使用純整數。z-index用于絕對定位或相對定位了的要素。你也可以給圖像設定z-index。（對于Communicator，最好將 <IMG>標簽包在[font]或 標簽內，然后將z-index應用到[font]或 。）西安網(wǎng)站建設推薦閱讀>>> div+CSS布局優(yōu)勢有哪些？，

　　剪輯絕對定位單元

　?。╟lip）

　　絕對定位單元可以被剪輯——也即剪輯顯示給用戶(hù)的區域，只顯示單元的一部分而把其余部分作透明處理。對于傳統的基于文本和圖像的網(wǎng)絡(luò )頁(yè)面，這并不是一個(gè)很有用的特征。但若要求多媒體頁(yè)面，這是很有用的。如 Netscape Communivator 4 和Internet Explorer4 都支持多媒體頁(yè)面，它們通過(guò)文檔的腳本接口動(dòng)態(tài)地調整單元周?chē)募糨媴^，從而實(shí)現文本“劃入”和圖像漸顯等顯示特征。

　　在CSS中，剪輯通過(guò) clip 特性來(lái)控制，這一特性只能用于絕對定位單元，其缺省值為 auto，按單元的外邊緣來(lái)剪輯單元（實(shí)際上等于沒(méi)有剪輯）。另外，可通過(guò)如下表達式設置剪輯框：

　　clip : rect(top,right.bottom,left) ;

　　其中 top、right、bottom 和 left 分別是矩形剪輯框的上邊、右邊、下邊和左邊相對于被剪輯單元左上角的位置。Top、right、bottom 和 left 的值可以為任意絕對或相對長(cháng)度值（但不能為百分比值），或者是關(guān)鍵字 auto。取值為 auto 意味著(zhù)剪輯區域的各邊放好以后，被剪輯單元中的任何內容都不會(huì )超出這個(gè)區域。西安做網(wǎng)站推薦閱讀>>> CSS表單設計-Web標準(div+css)教程，

　　控制單元溢出

　?。╫verflow）

　　固定絕對或相對定位單元的 width 和 height，很可能會(huì )因為指定的區域不能滿(mǎn)足單元實(shí)際內容的需要，而造成單元內容溢出。這時(shí)可使用 overflow 來(lái)指定瀏覽器如何處理溢出：值 none（缺省值）允許瀏覽器顯示溢出的內容，因此單元可溢出指定的區域。而值 clip 要求瀏覽器在單元底部和右邊剪輯單元內容，這樣，超出指定區域的單元內容將不顯示。值 scroll 也同樣要求瀏覽器在單元底部和右邊剪輯單元內容（同 clip），不過(guò)，瀏覽器應該（如果可能的話(huà)）為單元提供滾動(dòng)條以使用戶(hù)能通過(guò)滾動(dòng)來(lái)瀏覽被剪輯的內容。