“样式生成器”对话框 ->“位置”
更新：2007 年 11 月
使用“样式生成器”对话框的“位置”页可以定义级联样式表 (CSS) 定位属性。可以直接将这些属性应用于 HTML 元素或者将其添加到 CSS 样式规则中。
将定位属性直接应用于页面上的 HTML 元素
在 HTML 设计器的“设计”视图中打开 HTML 文档，然后选择要格式化的元素。
单击“格式”菜单上的“样式”，以打开“样式生成器”对话框。
单击“样式生成器”对话框左窗格中的“位置”。
右窗格中将显示“样式生成器”对话框 ->“位置”。
当对“设计”视图中选定的元素应用样式时，将向这些元素的 HTML 标记中内联插入 CSS 样式属性。切换到“HTML”视图以检查插入的新样式属性。
向外部样式表中定义的 CSS 样式规则中添加定位属性
打开一个现有的外部样式表，然后将插入点放在所需样式规则的选择器后面的大括号 ({ }) 中。
单击“样式”菜单上的“生成样式”，以打开“样式生成器”对话框。
单击“样式生成器”对话框左窗格中的“位置”。
右窗格中将显示“样式生成器”对话框 ->“位置”。
.gif "说明") 说明： |
|---|
当您打开外部 CSS 样式表进行编辑时，将出现“样式”菜单。将插入点置于样式规则选择器后的大括号内时，“样式”菜单上的“生成样式”选项即变为可用。 |
外部样式表中定义的 CSS 样式类可以应用于网页的 <BODY> 元素内的元素，方法是将 CSS 样式选择器指定为该元素的 CLASS 属性。
“样式生成器”对话框的“位置”页中包括的可用选项如下。
任务
用户界面元素
位置模式
设置该模式，确定随后哪些定位字段可用。从下拉列表中选择下列选项之一。
<未设置>
当该属性为“<未设置>”时，不会向样式中添加任何代码。正常流中的位置
不更改元素的位置；可以指定高度和宽度。如果选择“正常流中的位置”，则插入以下 CSS 标记：POSITION:static
说明：“位置模式”选择器旁边的预览区域将更新以反映模式选择。
正常流的偏移量
使您能够指定元素的顶端位置和左边位置（相对于其正常流位置）；可以指定高度和宽度。元素的正常流是该元素应用此样式之前的位置。如果选择“正常流的偏移量”，则插入以下 CSS 标记：POSITION:relative
绝对位置
使您能够指定元素的绝对顶端位置、绝对左边位置、Z 索引、高度和宽度。通常，您对希望定位到特定位置的元素进行绝对定位。例如，您可能对某个徽标进行绝对定位，以便在添加或编辑其他元素时该徽标不移动。如果选择“绝对位置”，则插入以下 CSS 标记：POSITION:absolute
如果选择位置模式，则下列选项可用。
顶
设置元素的顶端位置，既可以是绝对值，也可以是相对于该元素正常流位置的值。输入一个值，然后选择一个单位选项（“px”、“pt”、“pc”、“mm”、“cm”、“in”、“em”、“ex”或“%”）。默认的单位选项为 px。例如，如果键入 5，然后接受默认的单位选项，则插入以下 CSS 标记：TOP:5px
说明：如果从“位置模式”列表中选择“正常流的偏移量”，则此选项可用。
左
设置元素的左边位置，既可以是绝对值，也可以是相对于该元素正常流位置的值。输入一个值，然后选择一个单位选项（“px”、“pt”、“pc”、“mm”、“cm”、“in”、“em”、“ex”或“%”）。默认的单位选项为 px。例如，如果键入 5，然后接受默认的单位选项，则插入以下 CSS 标记：LEFT:5px
说明：如果从“位置模式”列表中选择“正常流的偏移量”，则此选项可用。
高度
设置元素的高度。输入一个值，然后选择一个单位选项（“px”、“pt”、“pc”、“mm”、“cm”、“in”、“em”、“ex”或“%”）。默认的单位选项为 px。例如，如果键入 5，然后接受默认的单位选项，则插入以下 CSS 标记：HEIGHT:5px
宽度
设置元素的宽度。输入一个值，然后选择一个单位选项（“px”、“pt”、“pc”、“mm”、“cm”、“in”、“em”、“ex”或“%”）。默认的单位选项为 px。例如，如果键入 5，然后接受默认的单位选项，则插入以下 CSS 标记：WIDTH:5px
Z 索引
设置元素的 Z 顺序。Z 顺序控制重叠元素的显示，Z 顺序值高的元素显示在 Z 顺序值低的元素前面。若要将元素在 Z 顺序中移得更高，请输入一个正数，产生如以下示例所示的结果：Z-INDEX:99
说明：若要将元素在 Z 顺序中移得更低，请输入一个较小的数字或负数。
说明：Z 索引和位置相关。如果所输入的位置值会导致元素重叠，则通过分配适当的 Z 顺序值，可以控制哪个元素显示在其他元素的上面。对于希望显示在其他元素上面的元素分配较高的 Z 顺序值。