Rumah > hujung hadapan web > tutorial css > Mengapakah `limpahan: tersembunyi` Memecah `kedudukan: melekit`?

Mengapakah `limpahan: tersembunyi` Memecah `kedudukan: melekit`?

Mary-Kate Olsen
Lepaskan: 2024-12-08 13:13:12
asal
725 orang telah melayarinya

Why Does `overflow: hidden` Break `position: sticky`?

Mengapa Limpahan: tersembunyi Menghalang kedudukan: melekit daripada Berfungsi?

Dalam CSS, kedudukan: sifat melekit membenarkan elemen kekal kelihatan semasa menatal, sehingga ke tahap di mana elemen bekasnya menatal keluar dari pandangan. Tingkah laku ini meniru pengepala tetap yang biasa dilihat dalam aplikasi mudah alih.

Walau bagaimanapun, apabila elemen bekas mempunyai limpahan: set sifat tersembunyi, kedudukan: gelagat melekit tidak lagi diperhatikan. Ini berlaku kerana limpahan: sifat tersembunyi mengehadkan saiz bekas, menghalang unsur melekit daripada diletakkan semula di luar kawasan yang boleh dilihat.

Mengapa Ini Berlaku

Apabila limpahan: hidden digunakan pada bekas, ia pada dasarnya menjepit sebarang kandungan yang melebihi sempadannya. Ini bermakna walaupun elemen melekit diletakkan di luar kawasan kelihatan bekasnya, ia disembunyikan dengan berkesan oleh limpahan: peraturan tersembunyi.

Alternatif Moden:

Kepada mencapai gelagat melekit yang diingini dalam bekas dengan kandungan melimpah sambil mengekalkan keupayaan untuk menggunting kandungan berlebihan, pertimbangkan untuk menggunakan kandungan: cat harta:

contain: paint;
Salin selepas log masuk

mengandungi: cat mengehadkan pemaparan unsur anak dalam bekas, termasuk kandungan yang melimpah. Ini secara berkesan meniru limpahan: tersembunyi sementara masih membenarkan fungsi kedudukan yang betul: sifat melekit.

Atas ialah kandungan terperinci Mengapakah `limpahan: tersembunyi` Memecah `kedudukan: melekit`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan