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 的消费者 可以享受其 美观之处！