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

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!