Rumah >hujung hadapan web >tutorial css >Apakah kaedah penentududukan elemen dalam css

Apakah kaedah penentududukan elemen dalam css

下次还敢
下次还敢asal
2024-04-26 11:36:13942semak imbas

Kaedah kedudukan elemen dalam CSS ialah: Kedudukan aliran biasa: Elemen kekal dalam aliran biasa. Kedudukan relatif: Elemen dialihkan secara relatif kepada kedudukan asalnya. Kedudukan apungan: Elemen dialih keluar daripada aliran tetapi mengekalkan lebarnya. Kedudukan mutlak: Elemen dialih keluar daripada aliran dan diposisikan relatif kepada elemen nenek moyang yang diposisikan. Kedudukan tetap: Elemen dialih keluar daripada aliran dan diletakkan relatif kepada tetingkap penyemak imbas. Kedudukan susun atur grid: Letakkan elemen menggunakan peraturan grid. Kedudukan Flexbox: susun elemen sepanjang paksi, saiz kawalan dan penjajaran. Susunan susun: Kawal susunan unsur dalam susunan susun. . Tidak melepaskan diri daripada aliran dokumen teks.

Relatif: Apakah kaedah penentududukan elemen dalam css Menggerakkan elemen berbanding kedudukan asalnya. Elemen lain tidak terjejas.

Kedudukan Terapung

Terapung: Elemen dialih keluar daripada aliran dokumen tetapi mengekalkan lebar asalnya dan diselaraskan dengan elemen lain. .

  • Kedudukan tetap
  • Dibetulkan:
  • Elemen dialih keluar daripada aliran dokumen dan diletakkan relatif kepada tetingkap penyemak imbas.

Kedudukan Susun Atur Grid

  • Grid:
  • Bahagikan bekas grid kepada baris dan lajur dan letakkan elemen menggunakan peraturan grid.

Flex Box Positioning

  • Flex:
  • Susun elemen di sepanjang paksi utama atau paksi silang dan kawal saiz dan penjajarannya.

Turut susun

  • z-index:
  • Mengawal susunan elemen dalam susunan susun. Nilai indeks z yang lebih tinggi bermakna elemen diletakkan di atas elemen lain.

Atas ialah kandungan terperinci Apakah kaedah penentududukan 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