Positioning 样式属性会将被选文本的标签或块转到一个使用了在层参数选项中设置的用以定义层的默认标签的新层上去。(参阅 层参数选项。) 除非你修改这一设置,Dreamweaver 使用的是 DIV
标签。另请参阅 使用 CSS 样式表进行文本格式化 和 编辑外部层叠样式表。
要打开 Style Definition 对话框,选择 Window > CSS Styles,点击 Open Style Sheet 图标。在弹出的对话框中,选择一个样式并点击 Edit。点击对话框左边的 Positioning。如果下边介绍的属性对样式不是很重要就空下不要选取:
Type 确定浏览器定位层的方法:
![]() |
Absolute:根据你在 Placement 填框中所输入的坐标将层置于相对于左边和顶部的位置。 |
![]() |
Relative:将层置于相对于对象的位置。Dreamweaver 不在文档窗显示这一属性。 |
![]() |
Static:将层置于文本流程中自己的位置。 |
Visibility 确定层的最初显示状态。如果你没有指定这一属性,在默认情况下多数浏览器会继承原始变量值。
![]() |
Inherit:继承层的载体的显示属性。 |
![]() |
Visible:显示层的内容,不管层的载体的属性知如何。 |
![]() |
Hidden:隐藏层的内容,不管层的载体的属性如何。 |
Z-Index 确定层的堆叠顺序。数字较大的层会显示在数字较低的层上边。变量值可以是正值也可以是负值。(使用层面板可以非常方便地改变层的堆叠顺序;参阅 改变层的堆叠顺序。)
Overflow (CSS layers only) 确定如果层的内容超出了层的大小时如何:
![]() |
Visible: 增加层的大小,将层的所有内容显示出来。层的扩大是向下和向右进行。 |
![]() |
Hidden: 保持层的大小不变,将超出层的内容剪裁掉。不提供滚动条。 |
![]() |
Scroll: 不管层的内容是否超出了层,都给层添加一个滚动条。明确提供滚动条,可以避免在一个动态的环境下滚动条的出现与否造成一些混淆。Dreamweaver 不在文档窗显示这一属性,而且仅仅在支持滚动条的浏览器中发挥作用。 |
![]() |
Auto: 只有在内容超出层的范围时才显示滚动条。Dreamweaver 不在文档窗显示这一属性。 |
Placement 指定层的位置和大小。浏览器如何解释层的位置取决于 Type 的设置。如果内容超出层的范围,Size 值就不予考虑了。
确定层位置和大小的默认单位是像素。对 CSS 层而言,你也可以指定下列计算单位:pc (picas-十二点活字),pt (points-磅值),in (inches-英寸),mm (millimeters-毫米),cm (centimeters-厘米),或 % (percentage of the parent's value-与层的母体的百分比)。单位缩写必须紧跟着设定值而不能有空格:如 3mm。
Clip 定义部分层可视。如果你指定了剪辑区域,你就可以使用 JavaScript 之类的脚本语言读取并通过属性设置创建出特殊的效果。