Rumah >hujung hadapan web >tutorial css >Mengapa Elemen Melekat Saya dengan `bawah: 0` Tidak Muncul?

Mengapa Elemen Melekat Saya dengan `bawah: 0` Tidak Muncul?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-26 09:14:13679semak imbas

Why Doesn't My Sticky-Positioned Element with `bottom: 0` Appear?

Mengapa Kedudukan Melekit Tidak Berfungsi dengan 'bawah: 0'

Kedudukan melekit membolehkan elemen kekal tetap dalam blok yang mengandunginya sehingga ia mencapai ambang yang ditentukan. Walau bagaimanapun, apabila menggunakan 'bawah: 0', tingkah laku ini mungkin kelihatan tiada.

Dalam kod yang disediakan, elemen "gerakan" ditetapkan 'kedudukan: melekit' dan 'bawah: 0'. Mengikut takrifan kedudukan melekit, elemen akan menjadi tetap apabila ia mencapai ambang dalam akar alirannya. Walau bagaimanapun, dalam contoh yang diberikan, elemen "move" tidak kelihatan kerana blok induknya mempunyai margin-top yang ketara.

Semasa penatalan berlaku, blok induk melepasi ambang untuk elemen "move" menjadi tetap. Walau bagaimanapun, oleh kerana blok induk disembunyikan di luar skrin, elemen "gerakan" juga menjadi tersembunyi. Untuk memerhati tingkah laku yang dimaksudkan, tingkatkan jidar atas blok induk untuk menolaknya lebih jauh ke luar skrin.

Oleh itu, tetapan 'bawah: 0' dengan kedudukan melekit berfungsi, tetapi ia memerlukan ruang yang mencukupi di bawah blok yang mengandungi untuk melihat elemen yang tinggal tetap di tepi bawah.

Atas ialah kandungan terperinci Mengapa Elemen Melekat Saya dengan `bawah: 0` Tidak Muncul?. 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