5.4 控制定位了的要素

除了控制定位要素的左上角位置，你還可以控制要素的寬度和高度，及要素在頁面的可視性。

寬度

定位了的要素在頁面上顯示時(shí)仍然會(huì)從左到右一直顯示。利用寬度屬性就可以設(shè)定字符向右流動(dòng)的限制，即設(shè)定要素的寬度。

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

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

寬度屬性只適用于絕對(duì)定位的要素。你可以使用我們學(xué)過的任何一種長度單位，或使用比例值設(shè)定寬度，比例值指相對(duì)于母體要素的比例。

IE 4中，這項(xiàng)屬性還可用于圖象。你可以通過寬度設(shè)置人為地拉寬或壓縮圖象。

高度

理論上講，高度應(yīng)該和寬度的設(shè)置類似，只不過是在垂直方向上：

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

這里我用了“理論上講”，因?yàn)槌Ｓ玫膸追N瀏覽器都不支持高度屬性。（你最多只能在IE 4中用高度設(shè)置拉長圖象。）

可視性

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

H4 { visibility: hidden }

我很想給你看一個(gè)例子，但是，因?yàn)橐獙⑺O(shè)為看不見，那我這個(gè)例子讓你看什么呢？

選項(xiàng)：

• visible使要素可以被看見

• hidden使要素被隱藏

• inherit指它將繼承母體要素的可視性設(shè)置。

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

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

Communicator不支持可視性屬性。只有IE 4的用戶可以享受其美妙之處！