日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

css 中 top 屬性可以將元素相對于其父元素的上邊緣垂直移動(dòng)，可使用 length、percentage 或 auto 指定偏移量。length 為數(shù)值長度，percentage 為百分比偏移量，auto 由瀏覽器自動(dòng)計(jì)算。top 僅適用于具有定位的元素，元素的上邊緣會(huì)受到外邊距框或內(nèi)容框的影響。

CSS 中 top 屬性

top 屬性的作用

top 屬性用于設(shè)置元素相對于其父元素的上邊緣的偏移量。它可以將元素在垂直方向上向上或向下移動(dòng)。

使用語法

<code class="&lt;a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css"&gt;top: <length> | <percentage> | auto;</percentage></length></code>

登錄后復(fù)制

屬性值

<length></length>：一個(gè)指定偏移量長度的數(shù)值，例如 “5px” 或 “1em”。

<percentage></percentage>：一個(gè)指定偏移量百分比的數(shù)值，例如 “5%” 或 “25%”。

auto：瀏覽器根據(jù)元素的父元素和內(nèi)容自動(dòng)計(jì)算偏移量。

示例

將一個(gè)元素向上移動(dòng) 20px：

<code class="css">element {
  top: 20px;
}</code>

登錄后復(fù)制

將一個(gè)元素向下移動(dòng)其父元素高度的 50%：

<code class="css">element {
  top: 50%;
}</code>

登錄后復(fù)制

注意

top 屬性僅適用于具有定位（例如 position: absolute 或 position: relative）的元素。
當(dāng) top 屬性值為 auto 時(shí)，元素將沿其父元素的上邊緣對齊。
對于塊級元素，top 屬性會(huì)影響其外邊距框（margin box）的上邊緣。對于內(nèi)聯(lián)元素，它會(huì)影響其內(nèi)容框（content box）的上邊緣。
top 屬性可以與 other 屬性（如 bottom、left 和 right）一起使用來實(shí)現(xiàn)元素的精確定位。