Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Meletakkan Pengaki di Bahagian Bawah Penyemak Imbas dalam Firefox dan Internet Explorer?

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

Patricia Arquette
Patricia Arquetteasal
2024-10-31 20:33:02887semak imbas

How to Position a Footer at the Bottom of the Browser in Firefox and 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!

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