Bagaimanakah Saya Boleh Membetulkan Pengaki Saya ke Bahagian Bawah Halaman Tanpa mengira Ketinggian Kandungan?

Membetulkan Pengaki ke Bawah Halaman

Dalam percubaan anda untuk mengekalkan pengaki tetap di bahagian bawah halaman web anda, anda telah mencuba pelbagai kaedah, seperti "bottom:0px" dan "position:absolute," tanpa hasil yang memuaskan. Berikut ialah penyelesaian untuk memastikan pengaki anda kekal di bahagian bawah halaman tanpa mengira saiz skrin:

1. Ubah suai CSS Pengaki:

#footer {
    position: fixed; 
    bottom: 0; 
    left: 0; 
    right: 0;
    height: [desired height of footer, e.g., 50px];
    margin-bottom: 0;
}

2. Tambah Margin pada Badan:

Untuk mengelakkan pengaki daripada bertindih dengan kandungan halaman, tambahkan jidar pada kandungan:

body {
    margin-bottom: [same height as footer, e.g., 50px];
}

Ini memastikan halaman kekal boleh ditatal, walaupun dengan pengaki tetap. Laraskan nilai ketinggian dalam kod CSS agar sesuai dengan keperluan anda.

Contoh Kod:

<div>

#footer {
  background-color: red;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 50px;
  margin-bottom: 0px;
}

body {
  margin-bottom: 50px;
}

Kod ini membetulkan pengaki ke bahagian bawah halaman, memastikan ia kelihatan walaupun dengan kandungan terhad.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membetulkan Pengaki Saya ke Bahagian Bawah Halaman Tanpa mengira Ketinggian Kandungan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!