Mengapa `kedudukan: melekit` dengan `bawah: 0` Tidak melekat pada Bawah?

Mengapa Bawah:0 Tidak Berfungsi dengan Kedudukan: Melekit

Apabila cuba meletakkan elemen ke bahagian bawah induknya menggunakan kedudukan : melekit dan bawah: 0, anda mungkin menghadapi masalah ini. Walaupun melekit boleh mengekalkan elemen di bahagian atas bekasnya dengan berkesan, ia gagal melakukannya di bahagian bawah.

Alasannya terletak pada takrifan kedudukan: melekit. Menurut dokumentasi, elemen yang diposisikan melekat dianggap sebagai kedudukan yang relatif sehingga blok yang mengandunginya mencapai ambang tertentu. Walau bagaimanapun, ia menjadi "terperangkap" apabila ia menemui tepi bertentangan blok yang mengandunginya.

Dalam kod yang disediakan, elemen dengan kedudukan: melekit dan bawah: 0 hanya akan tersekat apabila bahagian bawah blok yang mengandunginya (dalam kes ini, blok merah jambu) mencapai tepi bertentangan akar alirannya (di mana unsur terletak). Sama seperti pasangan atasnya, ia hanya akan menjadi tetap atau melekit apabila ia mencapai tepi atas dalam akar aliran.

Namun, memandangkan bahagian bawah elemen melekit sudah berada di tepi, tiada tepi bertentangan dengan menjadi terperangkap. Akibatnya, elemen tidak boleh dibetulkan ke bahagian bawah dan hanya akan kekal pada kedudukan asalnya.

Untuk menunjukkan, tingkatkan jidar elemen blok untuk meletakkannya di luar skrin. Apabila anda menatal perlahan-lahan, anda akan melihat elemen melekit bergerak ke bahagian bawah blok merah jambu sebaik sahaja ia mencapai tepi bertentangan (atas) dalam akar aliran.

Atas ialah kandungan terperinci Mengapa `kedudukan: melekit` dengan `bawah: 0` Tidak melekat pada Bawah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!