Cara menggunakan top dalam css

Sifat teratas dalam CSS digunakan untuk menetapkan jarak mengimbangi elemen berbanding bahagian atas elemen induknya, menggerakkan elemen itu ke atas atau ke bawah. Penggunaan: 1. Tentukan nilai panjang (seperti "px", "em" atau "rem"); mewarisi unsur induk .

Penggunaan atribut teratas dalam CSS

Apakah atribut teratas? Sifat

atas digunakan untuk menetapkan jarak mengimbangi unsur berbanding bahagian atas unsur induknya. Ia menggerakkan elemen ke atas atau ke bawah.

Penggunaan:

atas Sintaks atribut adalah seperti berikut:

<code>top: <length> | auto | initial | inherit;</code>

Di mana:

• <length>: Tentukan nilai panjang ", seperti "px", seperti "px" em" atau "rem" ". <length>：指定一个长度值，如 "px"、"em" 或 "rem"。
• auto：将元素定位在其父元素的顶部或底部，具体取决于元素的定位类型。
• initial：将元素的 top 属性重置为其初始值。
• inherit：从父元素继承 top 属性值。

何时使用 top 属性？

top 属性通常用于以下情况：

• 创建重叠元素
• 将元素垂直对齐
• 创建垂直菜单或导航栏
• 控制元素在页面上的位置

示例：

以下示例将 <div> 元素相对于其父元素顶部向下移动 50px：

<code class="css">div {
  top: 50px;
}</code>

以下示例将 <div>

<code class="css">div {
  top: -20%;
}</code>

Atas ialah kandungan terperinci Cara menggunakan top dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!