Bagaimana untuk Membetulkan Footer ke Bahagian Bawah Halaman Web?

#footer {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">position: fixed;
height: 50px;
background-color: red;
bottom: 0px;
left: 0px;
right: 0px;
margin-bottom: 0px;

}

Kod ini memberikan sifat berikut kepada pengaki:

• kedudukan: Menetapkan kedudukan pengaki kepada tetap, memastikan ia kekal pada tempatnya tanpa mengira kedudukan tatal halaman.
• tinggi: Menentukan ketinggian pengaki.
• warna latar belakang: Laraskan warna latar belakang pengaki untuk tujuan tunjuk cara.
• bawah: Letakkan tepi bawah pengaki 0 piksel dari bahagian bawah halaman.
• kiri: Menjajarkan tepi kiri pengaki ke tepi kiri halaman.
• kanan: Menjajarkan tepi kanan pengaki ke tepi kanan halaman.
• margin-bawah: Mengalih keluar sebarang jidar bawah yang tidak diingini.

Untuk memastikan kandungan tidak bertindih dengan pengaki tetap, peraturan CSS tambahan boleh digunakan pada elemen badan:

badan {

margin-bottom: 50px;

}

Ini menambah jidar bawah 50 piksel pada badan, mewujudkan ruang untuk pengaki tetap dipaparkan.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Footer ke Bahagian Bawah Halaman Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!