Apakah kaedah yang merujuk kepada kedudukan mutlak?

DDD
Lepaskan: 2023-10-23 13:52:57
asal
882 orang telah melayarinya

Kaedah rujukan kedudukan mutlak diposisikan secara relatif kepada unsur nenek moyang kedudukannya yang terdekat. Kaedah rujukan mempunyai aspek berikut: 1. Kaedah kedudukan unsur nenek moyang Jika anda ingin menggunakan kedudukan mutlak, anda perlu mencari unsur nenek moyang yang paling hampir dengan unsur sasaran 2. Konsep mengandungi bongkah tiada unsur nenek moyang yang diposisikan, kedudukan mutlak Elemen yang diposisikan akan diposisikan secara relatif kepada blok yang mengandungi asal 3. Atribut penentududukan, menyatakan kedudukan elemen yang diposisikan secara mutlak dalam elemen rujukan;

Apakah kaedah yang merujuk kepada kedudukan mutlak?

Sistem pengendalian untuk tutorial ini: sistem Windows 10, komputer Dell G3.

Kedudukan mutlak ialah kaedah penentududukan yang biasa digunakan dalam CSS, yang boleh meletakkan elemen dengan tepat pada lokasi tertentu pada halaman web. Kaedah rujukan kedudukan mutlak adalah untuk meletakkan relatif kepada unsur nenek moyang kedudukan terdekatnya, atau, jika tiada unsur nenek moyang diposisikan, berbanding dengan blok mengandungi asal (biasanya unsur badan).

Kaedah rujukan kedudukan mutlak boleh difahami dari aspek berikut:

Kaedah kedudukan unsur nenek moyang :

# 🎜 🎜#Elemen berkedudukan mutlak diposisikan secara relatif kepada elemen nenek moyang kedudukan terdekatnya. Unsur nenek moyang yang dipanggil adalah merujuk kepada unsur yang nilai atribut kedudukannya adalah relatif, mutlak, tetap atau melekit. Jika anda ingin menggunakan kedudukan mutlak, anda perlu mencari elemen nenek moyang yang terdekat dengan elemen sasaran.

Konsep mengandungi bongkah :

Jika tiada unsur nenek moyang yang berkedudukan, unsur yang berkedudukan mutlak akan diposisikan berbanding dengan yang mengandungi asal blok . Bongkah yang mengandungi merujuk kepada kawasan di mana unsur itu akhirnya diberikan, biasanya unsur badan. Dalam sesetengah kes khas, blok yang mengandungi juga boleh menjadi elemen lain, seperti elemen yang nilai atribut kedudukannya ditetapkan kepada relatif, mutlak, tetap atau melekit.

Atribut penentududukan

Elemen yang diposisikan secara mutlak boleh menentukan kedudukannya dalam elemen rujukan melalui atribut atas, kanan, bawah dan kiri. Nilai sifat ini boleh menjadi piksel, peratusan atau auto. Atribut atas menentukan jarak antara tepi atas elemen dan pinggir atas elemen rujukan, atribut kanan menentukan jarak antara tepi kanan elemen dan tepi kanan elemen rujukan, atribut bawah menentukan jarak antara tepi bawah elemen dan tepi bawah elemen rujukan, dan atribut kiri Menentukan jarak antara tepi kiri elemen dan tepi kiri elemen rujukan.

Tertib tindanan :

Elemen yang diposisikan secara mutlak boleh mengawal perhubungan hierarkinya dalam konteks tindanan melalui atribut indeks-z. Semakin besar nilai atribut indeks-z, semakin tinggi tahap elemen dalam konteks tindanan, dan lebih mudah untuk meliputi elemen lain.

Ringkasnya, kaedah rujukan kedudukan mutlak adalah untuk meletakkannya secara relatif kepada unsur nenek moyang kedudukannya yang terdekat. Kedudukan elemen dalam elemen rujukan boleh ditentukan melalui atribut atas, kanan, bawah dan kiri. Dalam konteks tindanan, perhubungan hierarki bagi elemen yang diposisikan secara mutlak boleh dikawal melalui atribut z-index.

Atas ialah kandungan terperinci Apakah kaedah yang merujuk kepada kedudukan mutlak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!