DIV定位单元的控制

  （width、height、visiblility）

　　除了控制定位单元的左上角位置，你还可以控制单元的宽度和高度，及单元在页面的可视性。

　　宽度

　　定位了的要素在页面上显示时仍然会从左到右一直显示。利用宽度属性就可以设定字符向右流动的限制，即设定要素的宽度。

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

　　浏览器接到这项规则时，它将文字按照规则规定的效果显示，还将段落的最大水平尺寸限制在150象素。

　　宽度属性只适用于绝对定位的要素。你可以使用我们学过的任何一种长度单位，或使用比例值设定宽度，比例值指相对于母体要素的比例。IE 4中，这项属性还可用于图像。你可以通过宽度设置人为地拉宽或压缩图像。

　　高度

　　理论上讲，高度应该和宽度的设置类似，只不过是在垂直方向上：

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

　　这里我用了“理论上讲”，因为有些浏览器不支持高度属性。

　　可视性

　　利用CSS，你可以隐藏要素，使其在页面上看不见。这条属性对于定位了的和未定位的要素都适用。

　　H4 { visibility: hidden }

　　选项

　　visible 使要素可以被看见

　　hidden 使要素被隐藏

　　inherit 指它将继承母体要素的可视性设置。

　　值 inherit 为缺省值。这使单元继承父单元的可见性。所以，如果某一段是隐藏的，则它包含的任何行间单元也都被隐藏。这一继承性可被明确指定的可见性取代。例如，段内的 EM 单元被指定为可见，这时如果该段被隐藏，则段内的所有其它内容都将消失，而唯有 EM 单元中的文本是可见的。

　　当一个要素被隐藏后，它仍然要占据浏览器窗口中的原有空间。所以，如果你将文字包围在一幅被隐藏的图像周围，那么，其显示效果将是文字包围着一块空白区域。

　　这条属性在编写语言和使用动态HTML时很有用，比如你可以使某段落或图像只在鼠标滑过时才显示。

　　单元层次

　　（z-index）

　　特性 z-index 用于堆叠屏幕上的单元。缺省情况下，单元堆叠的顺序为它们出现在HTML标记的顺序——也就是说，后出现单元堆叠在早出现单元的上面。Z-index 特性实际上定义同属（sibling）单元的堆叠顺序以及单元相对父单元的堆叠。按照规范草案，具有正 z-index 值的单元群都堆叠在父单元之上，它们自己的堆叠顺序则按其取值的大小来决定（值大的单元在上层）。同样，具有负 z-index 值的单元群都堆叠在父单元之下，它们自己的堆叠顺序也按取值的大小来定（值大的单元在上层，例如值为 -1 的单元在值为 -2 的单元的上面）。

　　该参数值使用纯整数。z-index用于绝对定位或相对定位了的要素。你也可以给图像设定z-index。（对于Communicator，最好将 <IMG>标签包在[font]或 标签内，然后将z-index应用到[font]或 。）

　　剪辑绝对定位单元

　　（clip）

　　绝对定位单元可以被剪辑——也即剪辑显示给用户的区域，只显示单元的一部分而把其余部分作透明处理。对于传统的基于文本和图像的网络页面，这并不是一个很有用的特征。但若要求多媒体页面，这是很有用的。如 Netscape Communivator 4 和Internet Explorer4 都支持多媒体页面，它们通过文档的脚本接口动态地调整单元周围的剪辑区，从而实现文本“划入”和图像渐显等显示特征。

　　在CSS中，剪辑通过 clip 特性来控制，这一特性只能用于绝对定位单元，其缺省值为 auto，按单元的外边缘来剪辑单元（实际上等于没有剪辑）。另外，可通过如下表达式设置剪辑框：

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

　　其中 top、right、bottom 和 left 分别是矩形剪辑框的上边、右边、下边和左边相对于被剪辑单元左上角的位置。Top、right、bottom 和 left 的值可以为任意绝对或相对长度值（但不能为百分比值），或者是关键字 auto。取值为 auto 意味着剪辑区域的各边放好以后，被剪辑单元中的任何内容都不会超出这个区域。

　　控制单元溢出

　　（overflow）

　　固定绝对或相对定位单元的 width 和 height，很可能会因为指定的区域不能满足单元实际内容的需要，而造成单元内容溢出。这时可使用 overflow 来指定浏览器如何处理溢出：值 none（缺省值）允许浏览器显示溢出的内容，因此单元可溢出指定的区域。而值 clip 要求浏览器在单元底部和右边剪辑单元内容，这样，超出指定区域的单元内容将不显示。值 scroll 也同样要求浏览器在单元底部和右边剪辑单元内容（同 clip），不过，浏览器应该（如果可能的话）为单元提供滚动条以使用户能通过滚动来浏览被剪辑的内容。