Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Memastikan Pengaki Kekal di Bahagian Bawah Tetingkap Penyemak Imbas dalam Semua Penyemak Imbas?

Bagaimana untuk Memastikan Pengaki Kekal di Bahagian Bawah Tetingkap Penyemak Imbas dalam Semua Penyemak Imbas?

Patricia Arquette
Patricia Arquetteasal
2024-10-31 09:20:01933semak imbas

How to Ensure a Footer Stays at the Bottom of the Browser Window in All Browsers?

Cara Meletakkan Pengaki di Bahagian Bawah Penyemak Imbas

Dalam CSS, meletakkan pengaki HTML di bahagian bawah tetingkap penyemak imbas boleh menjadi cabaran biasa. Begini caranya:

Seorang pengguna berkongsi pengalaman mereka di mana mereka mencuba pelbagai kaedah untuk meletakkan pengaki tetapi tidak berjaya. Mereka menyediakan struktur HTML mereka dan kod CSS yang berkaitan, yang termasuk sifat seperti margin dan kedudukan.

Setelah meneliti kod tersebut, ternyata isu itu terletak pada sifat kedudukan. Pengguna telah menetapkan kedudukan pengaki kepada "relatif" dan kelas Utama kepada "relatif" juga.

Untuk meletakkan pengaki dengan betul di bahagian bawah penyemak imbas, pengguna melaksanakan gaya berikut:

<code class="css">#Footer {
  position: absolute;
  width: 100%;
  bottom: 0px;
}</code>

Dengan tetapan ini, pengaki diposisikan sepenuhnya di bahagian bawah tetingkap, kekal di sana tanpa mengira ketinggian kandungan.

Tetapan "position:fixed" tidak berfungsi dalam IE, tetapi ia lakukan dalam Firefox. Akhirnya, kaedah penentududukan mutlak yang disediakan dengan "bawah:0" berjaya meletakkan pengaki di bahagian bawah penyemak imbas untuk kedua-dua penyemak imbas.

Atas ialah kandungan terperinci Bagaimana untuk Memastikan Pengaki Kekal di Bahagian Bawah Tetingkap Penyemak Imbas dalam Semua Penyemak Imbas?. 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