Rumah >hujung hadapan web >tutorial css >Mengapakah `bawah: 0` Kedudukan Melekit Berkelakuan Berbeza Daripada Penerangan MDN?
Apabila Menentukan bahagian bawah: 0 untuk Kedudukan Melekit, Mengapa Ia Berbeza Daripada Penerangan MDN?
Kedudukan:sifat melekit memperkenalkan tingkah laku hibrid antara kedudukan relatif dan tetap. Ia meniru kedudukan relatif sehingga ambang yang ditentukan dicapai, pada ketika itu ia beralih kepada kedudukan tetap.
Walau bagaimanapun, dalam coretan kod anda di mana bahagian bawah: 0 ditetapkan, gelagat kelihatan terbalik daripada apa yang diterangkan dalam artikel MDN. Elemen bermula sebagai tetap dan beralih kepada relatif selepas menatal melepasi ambang.
Sebab di sebalik percanggahan ini terletak pada perkataan definisi MDN:
"Kedudukan melekat boleh dianggap sebagai hibrid daripada kedudukan relatif dan tetap. Elemen kedudukan melekat dianggap sebagai kedudukan relatif sehingga ia melepasi ambang tertentu, di mana ia dianggap sebagai tetap sehingga ia mencapai sempadan induknya."
Frasa utama di sini ialah "sehingga ia melepasi ambang yang ditentukan." Dalam kod anda, elemen itu sudah melepasi ambang yang ditentukan (bahagian bawah port pandangan) apabila halaman itu dipaparkan pada mulanya. Oleh itu, ia memasuki keadaan kedudukan tetap serta-merta, walaupun bahagian bawah: 0 menunjukkan bahawa ambang harus beralih daripada relatif kepada tetap.
Ringkasnya, apabila menyatakan bahagian bawah: 0 untuk elemen melekit, ia mula-mula dimulakan tetap. kerana ambang telah dicapai, dan kemudian ia beralih kepada relatif apabila elemen itu ditatal semula ke atas melepasi bahagian bawah port pandangan. Tingkah laku ini selaras dengan takrifan MDN, tetapi bahasa yang digunakan boleh menjadi agak mengelirukan.
Atas ialah kandungan terperinci Mengapakah `bawah: 0` Kedudukan Melekit Berkelakuan Berbeza Daripada Penerangan MDN?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!