Bagaimana untuk Meletakkan Pengaki di Bahagian Bawah Penyemak Imbas dalam Firefox dan Internet Explorer?

Letakkan Pengaki di Bahagian Bawah dengan CSS

Ramai pembangun menghadapi masalah apabila cuba meletakkan pengaki di bahagian bawah tetingkap penyemak imbas. Walaupun mengikut pelbagai teknik, pengaki mungkin muncul di tengah. Berikut ialah penyelesaian kepada masalah biasa ini untuk Firefox dan Internet Explorer.

Kod CSS

Kod CSS berikut akan melekatkan pengaki ke bahagian bawah penyemak imbas dengan berkesan:

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

Penjelasan

1. kedudukan: mutlak;: Mengalih keluar pengaki daripada aliran dokumen biasa, membenarkannya diposisikan secara bebas.
2. bawah: 0;: Menetapkan tepi bawah pengaki kepada sifar, yang meletakkannya di bahagian bawah tetingkap.
3. lebar: 100%;: Memastikan pengaki merentangi keseluruhan lebar skrin.

Struktur HTML

Pastikan struktur HTML anda mengandungi < ;div> dengan id="Footer" untuk pengaki:

<code class="html"><form>
  ...
  <div class="Main" />
  <div id="Footer" />
</form></code>

Nota Tambahan

• Kedudukan tetapan: tetap; untuk pengaki mungkin berfungsi untuk Firefox tetapi tidak untuk Internet Explorer.
• Melaraskan jidar atau pelapik kandungan utama (kelas="Utama") mungkin diperlukan untuk memberi ruang untuk pengaki.

Dengan menggunakan gaya CSS ini, anda sepatutnya berjaya meletakkan pengaki di bahagian bawah tetingkap penyemak imbas dalam kedua-dua Firefox dan Internet Explorer.

Atas ialah kandungan terperinci Bagaimana untuk Meletakkan Pengaki di Bahagian Bawah Penyemak Imbas dalam Firefox dan Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!