比较版本

position

修订版 173479:

由 TigerSoldier 在 进行的修订 173479

修订版 173480:

由 TigerSoldier 在 进行的修订 173480

标题:
position
position
网址缩略名:
CSS/position
CSS/position
标签:
CSS_参考
CSS_参考
内容:

修订版 173479
修订版 173480
n23      <li>Media: {{template.Xref_cssvisual()}}n23      <li>媒体: {{template.Xref_cssvisual()}}
n37    <h3 name="Syntax">n37    <h3 name=".E8.AF.AD.E6.B3.95">
38      Syntax38      语法
n43    <h3 name="Values">n43    <h3 name=".E5.8F.96.E5.80.BC">
44      Values44      取值
n51        Normal behavior.n51        普通行为。
n57        Lay out all elements as though the element were not positn57        首先将此元素当作非定位元素来布局所有元素,然后调整该元素的位置,而不改变其他元素的布局(这样会在此元素原本所在的位
>ioned, and then adjust the element's position, without changing l>置留下空白)。
>ayout (and thus leaving a gap for the element where it would have 
> been had it not been positioned). 
n63        Do not leave space for the element. Instead, position it n63        不为元素预留空间,而是将它定位到相对于其最近的祖先或初始包含块的某个位置。
>at a specified position relative to its closest positioned ancest 
>or or to the initial containing block. 
n69        Do not leave space for the element. Instead, position it n69        不为元素预留空间,而是将它定位到相对于视点的某个位置,它不会随着页面的滚动而滚动。(在打印时会在<i>每一页</i
>at a specified position relative to the viewport, which does not >>的固定位置打印出来。)
>scroll when the page is scrolled. (Or, when printing, position it 
> at that fixed position on <i>every page</i>.) 
n72    <h3 name="Examples">n72    <h3 name=".E7.A4.BA.E4.BE.8B">
73      Examples73      示例
n75    <h3 name="Notes">n75    <h3 name=".E6.B3.A8.E9.87.8A">
76      Notes76      注释
n79      For relatively positioned elements, the {{template.Cssxref(n79      对于相对定位元素,{{template.Cssxref("top")}} 和 {{template.Cssxref("
>"top")}} or {{template.Cssxref("bottom")}} property specifies the>bottom")}} 属性指定它相对正常位置的垂直偏移,{{template.Cssxref("left")}} 和 {{temp
> vertical offset from the normal position and the {{template.Cssx>late.Cssxref("right")}} 属性指定水平偏移。
>ref("left")}} or {{template.Cssxref("right")}} property specifies 
> the horizontal offset. 
n82      For absolutely positioned elements, the {{template.Cssxref(n82      对于绝对定位元素,{{template.Cssxref("top")}}、{{template.Cssxref("ri
>"top")}}, {{template.Cssxref("right")}}, {{template.Cssxref("bott>ght")}}、{{template.Cssxref("bottom")}} 和 {{template.Cssxref("left
>om")}}, and {{template.Cssxref("left")}} properties specify offse>")}} 属性指定元素与其包含块的偏移,即此时位置为与包含块的相对位置。元素的边距(margin)定位在这些偏移之中。
>ts from the edge of the element's containing block (what the elem 
>ent is positioned relative to). The margin of the element is then 
> positioned inside these offsets. 
n85      Most of the time, absolutely positioned elements have <coden85      在大多数时候,绝对定位元素的 {{template.Cssxref("height")}} 和 {{template.
>>auto</code> values of {{template.Cssxref("height")}} and {{templ>Cssxref("width")}} 属性的值为 <code>auto</code>,它们会自动计算以适合元素的内容。但是非替换(
>ate.Cssxref("width")}} computed to fit the contents of the elemen>non-replaced)绝对定位元素可以占据 {{template.Cssxref("top")}} 和 {{template.
>t. However, non-replaced absolutely positioned elements can be ma>Cssxref("bottom")}} 的值(除 <code>auto</code> 外)所共同指定的可用空间,而不必设置 {{t
>de to fill the available space by specifying (as other than <code>emplate.Cssxref("height")}}(也就是设其为 <code>auto</code>)。{{template.
>>auto</code>) both {{template.Cssxref("top")}} and {{template.Css>Cssxref("left")}}、{{template.Cssxref("right")}} 与 {{template.Cssx
>xref("bottom")}} and leaving {{template.Cssxref("height")}} unspe>ref("width")}} 也类似。
>cified (that is, <code>auto</code>). Likewise for {{template.Cssx 
>ref("left")}}, {{template.Cssxref("right")}}, and {{template.Cssx 
>ref("width")}}. 
n88      Except for the case just described of absolutely positionedn88      绝对定位元素的定位值发生冲突时的解决方法:
> elements filling the available space: 
n91      <li>If both {{template.Cssxref("top")}} and {{template.Cssxn91      <li>如果同时指定 {{template.Cssxref("top")}}  {{template.Cssxref
>ref("bottom")}} are specified (technically, not <code>auto</code>>("bottom")}}(非 <code>auto</code>),优先采用 {{template.Cssxref("top")}
>), {{template.Cssxref("top")}} wins.>}
n93      <li>If both {{template.Cssxref("left")}} and {{template.Cssn93      <li>如果同时指定 {{template.Cssxref("left")}} 和 {{template.Cssxre
>xref("right")}} are specified, {{template.Cssxref("left")}} wins >f("right")}},若 {{template.Cssxref("direction")}} 为 <code>ltr</cod
>when {{template.Cssxref("direction")}} is <code>ltr</code> (Engli>e>(英语、汉语等),则优先采用 {{template.Cssxref("left")}};若 {{template.Cssxre
>sh, horizontal Japanese, etc.) and {{template.Cssxref("right")}} >f("direction")}} 为 <code>rtl</code>(阿拉伯语、希伯来语等),则优先采用 {{template.
>wins when {{template.Cssxref("direction")}} is <code>rtl</code> (>Cssxref("right")}}。
>Arabic, Hebrew, etc.). 
n96    <h3 name="Specifications">n96    <h3 name=".E8.A7.84.E8.8C.83">
97      Specifications97      规范
n104    <h3 name="Browser_compatibility">n104    <h3 name=".E6.B5.8F.E8.A7.88.E5.99.A8.E5.85.BC.E5.AE.B9.E6.80
 >.A7">
105      Browser compatibility105      浏览器兼容性
t107    <h3 name="See_also">t107    <h3 name=".E5.8F.82.E8.A7.81">
108      See also108      参见

返回历史