Apakah nilai atribut kedudukan dalam css-tutorial css-php.cn

Apakah nilai atribut kedudukan dalam css

下次还敢

Lepaskan： 2024-04-26 11:39:14

asal

1081 orang telah melayarinya

Atribut kedudukan menentukan kaedah kedudukan elemen, termasuk nilai berikut: statik: kedudukan normal elemen dalam aliran dokumen relatif: dipindahkan relatif kepada kedudukan asal, tanpa menjejaskan elemen lain secara mutlak: dialih keluar daripada aliran dokumen , diletakkan mengikut elemen induk atau badan tetap : Ditetapkan dalam port pandangan, kekalkan kedudukan semasa menatal melekit: Ditetapkan dalam port pandangan atau bekas selepas mencapai ambang

Apakah nilai atribut kedudukan dalam css

Nilai atribut kedudukan dalam CSS

Kedudukan atribut digunakan untuk menentukan elemen dalam elemen induk atau kaedah kedudukan halaman. Ia mempunyai nilai yang mungkin berikut:

1 statik (lalai)

Elemen diletakkan pada kedudukan biasa dalam aliran dokumen.

2. relatif

Elemen bergerak berbanding kedudukan asalnya tanpa menjejaskan kedudukan elemen lain.

3 Elemen mutlak

dialih keluar daripada aliran dokumen dan diletakkan berdasarkan elemen induknya atau elemen <body> (jika tiada elemen induk dinyatakan). <body> 元素（如果未指定父元素）定位。

4. fixed

元素与视口固定，滚动页面时保持在同一位置。

5. sticky

元素在达到指定阈值后固定在视口或容器中。

使用示例：

<code class="css">/* 将元素向右移动 50px */
.element {
  position: relative;
  left: 50px;
}

/* 将元素从页面顶部 100px 处开始定位 */
.element {
  position: absolute;
  top: 100px;
}

/* 将元素固定在视口右侧 */
.element {
  position: fixed;
  right: 0;
}</code>

Salin selepas log masuk

选择合适的 position 值的指南：

如果元素需要位于文档流的正常位置，请使用 static。
如果需要相对其原始位置移动元素，请使用 relative。
如果需要从文档流中移除元素，请使用 absolute 或 fixed。
如果需要在滚动时将元素固定在视口中，请使用 sticky

🎜4. tetap🎜🎜🎜🎜Elemen dibetulkan pada port pandangan dan kekal dalam kedudukan yang sama semasa menatal halaman. 🎜🎜🎜🎜5. melekit🎜🎜🎜🎜Elemen dipasang dalam port pandangan atau bekas selepas mencapai ambang yang ditentukan. 🎜🎜🎜🎜Contoh penggunaan: 🎜🎜rrreee🎜🎜Garis panduan untuk memilih nilai kedudukan yang sesuai: 🎜🎜🎜🎜Jika elemen perlu berada dalam kedudukan biasa dalam aliran dokumen, gunakan statik. 🎜🎜Jika anda perlu mengalihkan elemen berbanding kedudukan asalnya, gunakan relative. 🎜🎜Jika anda perlu mengalih keluar elemen daripada aliran dokumen, gunakan absolute atau fixed. 🎜🎜Jika anda perlu menyimpan elemen dalam port pandangan semasa menatal, gunakan sticky. 🎜🎜

Atas ialah kandungan terperinci Apakah nilai atribut kedudukan dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!