（width，height，visiblility）
除了(liǎo)控製定位單(dān)元的左(zuǒ)上(shàng)角位置，你還可以控製單元的(dí)寬度(dù)和高度，及(jí)單元(yuán)在頁麵(miàn)的(dí)可(kě)視性。
寬度
定位了的要素在頁(yè)麵上(shàng)顯(xiǎn)示時仍然會(huì)從(cóng)左(zuǒ)到(dào)右一直顯示(shì)。利用(yòng)寬(kuān)度(dù)屬(shǔ)性(xìng)就(jiù)可(kě)以(yǐ)設(shè)定字符(fú)向右(yòu)流動的限(xiàn)製(zhì)，即設定要素(sù)的寬(kuān)度。
DIV { position: absolute; left: 200px; top: 40px; width: 150px }
瀏(liú)覽(lǎn)器(qì)接到這項規則時(shí)，它(tā)將文(wén)字(zì)按(àn)照(zhào)規則規(guī)定的效果(guǒ)顯(xiǎn)示(shì)，還將段(duàn)落的(dí)最大(dà)水平尺寸(cùn)限(xiàn)製在(zài)150象素(sù)。
寬度屬性(xìng)隻適用(yòng)於絕對定位(wèi)的要素(sù)。你(nǐ)可以(yǐ)使(shǐ)用我們學(xué)過(guò)的任(rèn)何一種長度單(dān)位(wèi)，或使用比例(lì)值(zhí)設定寬(kuān)度(dù)，比(bǐ)例(lì)值(zhí)指相對於母(mǔ)體要(yào)素(sù)的比例。IE 4中，這項(xiàng)屬性(xìng)還可用於(yú)圖像(xiàng)。你可(kě)以(yǐ)通過寬度設置(zhì)人為(wéi)地(dì)拉(lā)寬或(huò)壓(yā)縮圖像(xiàng)。
高(gāo)度
理論(lùn)上(shàng)講，高度應(yīng)該(gāi)和寬度(dù)的設置(zhì)類似(sì)，隻不過是在垂直方向(xiàng)上：
DIV { position: absolute; left: 200px; top: 40px; height: 150px }
這裏(lǐ)我(wǒ)用了(liǎo)“理論上講”，因(yīn)為有些(xiē)瀏覽器不(bù)支持高度(dù)屬性。
可(kě)視(shì)性
利用(yòng)CSS，你可(kě)以(yǐ)隱藏(cáng)要(yào)素，使其在(zài)頁(yè)麵(miàn)上看(kàn)不(bù)見(jiàn)。這條(tiáo)屬(shǔ)性對於定位了的(dí)和未定位的要素都適(shì)用。
H4 { visibility: hidden }
選項
visible 使要(yào)素可(kě)以(yǐ)被(bèi)看見
hidden 使(shǐ)要素被隱(yǐn)藏
inherit 指它(tā)將繼承母(mǔ)體要素(sù)的(dí)可(kě)視性設置。
值 inherit 為缺(quē)省(shěng)值。這使單(dān)元(yuán)繼承父(fù)單元的可(kě)見(jiàn)性。所(suǒ)以，如(rú)果某(mǒu)一段(duàn)是隱藏的，則它包含(hán)的(dí)任(rèn)何行間單元也(yě)都被隱(yǐn)藏(cáng)。這(zhè)一(yī)繼承(chéng)性可被(bèi)明(míng)確指定的可見性取(qǔ)代(dài)。例(lì)如，段(duàn)內(nèi)的 EM 單元被(bèi)指定(dìng)為可見，這時(shí)如(rú)果該(gāi)段(duàn)被(bèi)隱(yǐn)藏(cáng)，則(zé)段內(nèi)的所有(yǒu)其它(tā)內容(róng)都(dū)將消(xiāo)失(shī)，而唯有 EM 單元中的(dí)文本(běn)是(shì)可(kě)見的。
當(dāng)一個(gè)要素被隱(yǐn)藏(cáng)後，它(tā)仍然(rán)要(yào)占據瀏覽(lǎn)器(qì)窗(chuāng)口中(zhōng)的原(yuán)有空間(jiān)。所(suǒ)以，如果你(nǐ)將(jiāng)文字(zì)包圍(wéi)在一幅(fú)被(bèi)隱藏的圖(tú)像周(zhōu)圍，那麼(mó)，其(qí)顯示(shì)效果將是文字包圍著一塊空白(bái)區域。
這條(tiáo)屬性(xìng)在編(biān)寫語言(yán)和使(shǐ)用(yòng)動態HTML時(shí)很(hěn)有用，比如(rú)你可以使某(mǒu)段(duàn)落或圖像隻(zhī)在鼠標(biāo)滑過時(shí)才(cái)顯示。
單(dān)元層次
（z-index）
特(tè)性(xìng) z-index 用於堆疊屏幕上的單元(yuán)。缺(quē)省(shěng)情況下，單元堆(duī)疊的順序(xù)為它(tā)們出(chū)現(xiàn)在HTML標記的(dí)順序——也就(jiù)是(shì)說，後出現(xiàn)單(dān)元(yuán)堆疊在(zài)早(zǎo)出現單(dān)元(yuán)的(dí)上麵。Z-index 特性實際上定義同屬(shǔ)（sibling）單元的(dí)堆疊順序以(yǐ)及單元(yuán)相(xiāng)對父(fù)單(dān)元的(dí)堆疊(dié)。按照(zhào)規範草案，具(jù)有正 z-index 值(zhí)的單元群都堆(duī)疊在父單(dān)元之上(shàng)，它們(mén)自(zì)己(jǐ)的堆疊順(shùn)序(xù)則(zé)按其(qí)取值的(dí)大小(xiǎo)來(lái)決定(dìng)（值大(dà)的單元在(zài)上(shàng)層(céng)）。同樣，具有負(fù) z-index 值(zhí)的(dí)單(dān)元群(qún)都堆(duī)疊在父單(dān)元之(zhī)下(xià)，它們(mén)自己的(dí)堆(duī)疊順序也按取(qǔ)值(zhí)的(dí)大小來定（值大的單(dān)元(yuán)在上(shàng)層(céng)，例如值(zhí)為 -1 的(dí)單(dān)元(yuán)在(zài)值為 -2 的單元(yuán)的上(shàng)麵(miàn)）。
該(gāi)參數(shù)值使用純整(zhěng)數(shù)。z-index用於絕(jué)對定位或相(xiāng)對(duì)定位(wèi)了的要素(sù)。你(nǐ)也(yě)可(kě)以給圖(tú)像設定(dìng)z-index。（對於Communicator，最好將 <IMG>標簽(qiān)包(bāo)在[font]或 標(biāo)簽內，然後將(jiāng)z-index應用(yòng)到[font]或 。）
剪輯(jí)絕(jué)對定(dìng)位單元
（clip）
絕(jué)對(duì)定位(wèi)單元可以(yǐ)被剪輯——也即(jí)剪(jiǎn)輯(jí)顯(xiǎn)示給用(yòng)戶(hù)的區域(yù)，隻(zhī)顯示單元的(dí)一部(bù)分(fēn)而把(bǎ)其餘部分(fēn)作透明處理(lǐ)。對於傳統(tǒng)的(dí)基(jī)於(yú)文(wén)本和圖(tú)像的網(wǎng)絡(luò)頁麵(miàn)，這(zhè)並(bìng)不是一個(gè)很(hěn)有用(yòng)的特(tè)征(zhēng)。但若要求多(duō)媒體頁(yè)麵，這是(shì)很有用的。如 Netscape Communivator 4 和(hé)Internet Explorer4 都(dū)支持(chí)多媒(méi)體(tǐ)頁(yè)麵(miàn)，它們(mén)通過文檔的(dí)腳本(běn)接口動態地調整單(dān)元周圍(wéi)的剪輯區(qū)，從而(ér)實現(xiàn)文本“劃(huá)入(rù)”和(hé)圖(tú)像(xiàng)漸(jiàn)顯等(děng)顯示(shì)特(tè)征(zhēng)。
在(zài)CSS中，剪輯(jí)通(tōng)過(guò) clip 特(tè)性(xìng)來控製，這一特(tè)性隻(zhī)能用於絕(jué)對(duì)定(dìng)位單元(yuán)，其缺省(shěng)值(zhí)為 auto，按單(dān)元的(dí)外邊緣來(lái)剪(jiǎn)輯(jí)單元(yuán)（實際上等於沒有剪輯(jí)）。另(lìng)外(wài)，可通過如(rú)下表達式(shì)設置剪(jiǎn)輯(jí)框：
clip : rect(top,right.bottom,left) ;
其(qí)中 top，right，bottom 和(hé) left 分別(bié)是矩形剪(jiǎn)輯框(kuàng)的(dí)上(shàng)邊(biān)，右(yòu)邊，下(xià)邊和左邊相對於被剪(jiǎn)輯(jí)單元左上(shàng)角的位置。Top，right，bottom 和 left 的(dí)值可以(yǐ)為任意絕(jué)對(duì)或相對長度值（但不(bù)能為百分比值），或(huò)者是關鍵字 auto。取(qǔ)值為(wéi) auto 意味著(zhuó)剪輯區(qū)域的(dí)各邊(biān)放(fàng)好(hǎo)以後(hòu)，被(bèi)剪(jiǎn)輯(jí)單(dān)元中的(dí)任何內容(róng)都不會(huì)超出這個(gè)區(qū)域。
控(kòng)製單元(yuán)溢(yì)出(chū)
（overflow）
固定絕(jué)對或(huò)相(xiāng)對(duì)定位單元的 width 和 height，很可能(néng)會因(yīn)為指定的區域(yù)不(bù)能(néng)滿(mǎn)足單(dān)元實際內(nèi)容的需(xū)要，而造成單元內容(róng)溢出(chū)。這(zhè)時(shí)可使(shǐ)用 overflow 來指定(dìng)瀏覽(lǎn)器(qì)如何處理(lǐ)溢(yì)出(chū)：值 none（缺省值(zhí)）允(yǔn)許瀏覽器(qì)顯示(shì)溢出(chū)的內容(róng)，因(yīn)此單元可溢出指定(dìng)的(dí)區域(yù)。而(ér)值 clip 要求瀏覽(lǎn)器(qì)在(zài)單元底(dǐ)部(bù)和右邊(biān)剪(jiǎn)輯(jí)單元(yuán)內容(róng)，這(zhè)樣(yàng)，超出(chū)指(zhǐ)定區域的(dí)單元內容(róng)將不顯(xiǎn)示(shì)。值 scroll 也同(tóng)樣要(yào)求瀏覽(lǎn)器(qì)在單(dān)元底部和右邊剪(jiǎn)輯(jí)單(dān)元內容（同 clip），不過，瀏(liú)覽器應該（如果可(kě)能的(dí)話(huà)）為單元提供滾動條以(yǐ)使用(yòng)戶(hù)能通過滾(gǔn)動來(lái)瀏(liú)覽(lǎn)被(bèi)剪(jiǎn)輯的內(nèi)容。
轉(zhuǎn)載請保(bǎo)留(liú)原文地址(zhǐ): https://antelcom.cn/show-354.html