Rumah  >  Artikel  >  hujung hadapan web  >  Apakah cara untuk meletakkan elemen dalam css

Apakah cara untuk meletakkan elemen dalam css

下次还敢
下次还敢asal
2024-04-28 16:42:15623semak imbas

Dalam CSS, terdapat empat cara utama untuk meletakkan elemen: Kedudukan statik: elemen dipaparkan mengikut aliran dokumen dan tidak boleh diimbangi. Kedudukan relatif: Elemen diimbangi secara relatif kepada elemen induknya. Kedudukan mutlak: Elemen dialih keluar daripada aliran dokumen dan diposisikan secara relatif kepada elemen induk atau elemen badan kedudukan yang terdekat. Kedudukan tetap: Elemen dipisahkan daripada aliran dokumen dan diposisikan relatif kepada port pandangan Elemen sentiasa mengekalkan kedudukan yang sama tidak kira bagaimana halaman itu ditatal.

Apakah cara untuk meletakkan elemen dalam css

Cara meletakkan elemen dalam CSS

Dalam CSS, meletakkan elemen adalah untuk mengawal kedudukannya pada halaman. Terdapat empat cara utama untuk meletakkan elemen:

1 Kedudukan statik (statik)

Ini ialah kaedah penentududukan lalai, dan elemen dipaparkan dalam susunan ia muncul dalam aliran dokumen.

2. Kedudukan relatif (relatif)

Elemen diimbangi daripada kedudukan asalnya dalam aliran dokumen untuk meletakkannya secara relatif kepada kedudukan elemen induk.

3. Kedudukan mutlak (mutlak)

Elemen dialih keluar daripada aliran dokumen dan diposisikan secara relatif kepada elemen induk atau elemen badan kedudukan terdekat.

4. Kedudukan tetap (tetap)

Elemen diasingkan daripada aliran dokumen dan diposisikan secara relatif kepada port pandangan Ia sentiasa kekal dalam kedudukan yang sama tanpa mengira cara halaman itu ditatal.

Penerangan terperinci bagi setiap kaedah kedudukan:

Kedudukan statik:

  • Elemen dipaparkan mengikut susunan dalam aliran dokumen.
  • Anda tidak boleh menggunakan atribut kedudukan untuk mengimbangi elemen.

Kedudukan relatif: Elemen

  • diimbangi daripada kedudukan asalnya dalam aliran dokumen.
  • Anda boleh menggunakan atribut atas, kanan, bawah, kiri untuk mengimbangi elemen.
  • Kedudukan relatif kepada elemen induk.

Kedudukan mutlak: Elemen

  • keluar dari aliran dokumen dan tidak lagi mengambil ruang.
  • Anda boleh menggunakan atribut atas, kanan, bawah, kiri untuk kedudukan berbanding dengan elemen induk atau elemen badan kedudukan yang terdekat.
  • Tidak terjejas oleh aliran dokumen.

Kedudukan tetap:

  • Elemen dikeluarkan daripada aliran dokumen dan diposisikan relatif kepada port pandangan.
  • Anda boleh menggunakan atribut atas, kanan, bawah dan kiri untuk kedudukan berbanding dengan port pandangan.
  • Sentiasa kekal dalam kedudukan yang sama dalam halaman, tidak kira bagaimana anda menatal.

Atas ialah kandungan terperinci Apakah cara untuk meletakkan elemen dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn