css控制定位的要素詳解

熟練掌握計算機的操作和管理技能對我們在未來職場的發展是有很大幫助的，下面就讓我們一起來欣賞這篇關於css控制定位的要素的文章吧!

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

寬度

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

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

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

寬度屬性只適用於絕對定位的要素。你可以 使用我們學過的任何一種長度單位，或使用 比例值設定寬度，比例值指相對於母體要素 的比例。

IE6中，這項屬性還可用於圖象。你可以通 過寬度設置人為地拉寬或壓縮圖象。

高度

理論上講，高度應該和寬度的設置類似，只 不過是在垂直方向上：

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

這裡我用了“理論上講”，因為常用的幾種 浏覽器都不支持高度屬性。(你最多只能在 IE 4中用高度設置拉長圖象。)

可視性

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

H4 { visibility: hidden }

我很想給你看一個例子，但是，因為要將它 設為看不見，那我這個例子讓你看什麼呢?

選項：

visible使要素可以被看見

hidden使要素被隱藏

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

當一個要素被隱藏後，它仍然要占據浏覽器 窗口中的原有空間。所以，如果你將文字包 圍在一幅被隱藏的圖象周圍，那麼，其顯示 效果將是文字包圍著一塊空白區域。

這條屬性在編寫語言和使用動態HTML時很有 用，比如你可以使某段落或圖象只在鼠標滑 過時才顯示。

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

以上就是精品為您准備的關於css控制定位的要素的信息，希望對您的生活工作有幫助。