定位层

层在网页上的位置由层的定位样式(绝对或相对)、环绕样式(左、右或无)、沿 z 轴的顺序(z 索引值)以及相对位置坐标(左、上、右、下)等因素决定。

Cc295532.alert_tip(zh-cn,Expression.10).gif提示:

除了本主题中提供的步骤以外,还可以先选择层,再在“CSS 属性”任务窗格或“定位”工具栏中设置层的定位样式、相对位置坐标和 z 轴顺序(以及其他层属性)。有关详细信息,请参阅 “CSS 属性”任务窗格“定位”工具栏

设置层在 z 轴上的顺序

  • 在“”任务窗格中,执行下列操作之一:

    • 将层向上或向下拖放到所需的列表位置。在“”任务窗格中,该层 z-索引的设置值便会比列于其下方的层的 z-索引值大一。

    • 在“层 Z-索引”列中双击层的值,然后键入新值。

    • 右键单击层并选择“定位”,在“定位”对话框的“Z-顺序”框中指定一个值,再单击“确定”。

使用“定位”对话框修改层的位置

  1. 若要打开“定位”对话框,请执行下列操作之一:

    • 在“”任务窗格中,右键单击层,再选择“定位”。

    • 在“设计”视图中,选择层,指向“格式”,再选择“定位”。

  2. 若要指定网页元素环绕层的方式,请在“定位”对话框的“环绕样式”之下,选择一种样式。

  3. 若要指定层的定位样式,请在“定位样式”之下,选择“绝对”或“相对”。

    Cc295532.alert_note(zh-cn,Expression.10).gif说明:

    如果将层的“位置”设置为“绝对”或“相对”以外的值,则 Microsoft Expression Web 不再将 <div> 标记对视为层。

  4. 若要指定层的相对位置坐标,请在“位置与大小”之下,分别在“左边”、“右边”、“顶端”和“底端”框中输入值。

  5. 单击“确定”。

通过拖动层来修改层的位置

  • 在“设计”视图中,指向层的任意一边,避开角部控点和边控点的位置,在指针图标显示为四角箭头时开始拖动,将该层拖放到新的位置。

    Cc295532.alert_note(zh-cn,Expression.10).gif说明:

    意 如果层使用绝对定位方式,可以将层拖放到网页上的任意位置;如果层使用相对定位方式,则只能将层拖放到某个容器块中。

仅修改层的定位样式

  1. 在“设计”视图或“代码”视图中,将光标移到要定位的层中,或者选择该层。

  2. 在编辑窗口顶部的“快速标记选择器”栏中,指向当前层的 <div> 标记,单击标记旁边的向下箭头,指向“定位”,再单击一种定位样式。

另请参见

概念

“层”任务窗格

“定位”工具栏

调整层大小

在网页上定位项

在“设计”视图中设置边距、衬距和尺寸