Bagaimana untuk Mencipta Pengaki Tetap di Bahagian Bawah Halaman dalam HTML?

Cara Mencapai Pengaki Tetap di Bawah Halaman

Dalam HTML, meletakkan div "footer" sering menimbulkan cabaran untuk memastikan ia menduduki lebar halaman penuh, tidak meninggalkan ruang putih di bawahnya. Walaupun memberikannya kedudukan tetap boleh mencapai ini, ia boleh menyebabkan kandungan bertindih jika kandungan halaman kurang panjang.

Untuk menangani perkara ini, kita boleh memanfaatkan kuasa teknik "sticky footer". Mari kita selami cara ia berfungsi:

• Reka Bentuk Reka Letak:

  • Bahagikan reka letak halaman kepada dua bahagian utama: "pembungkus" div untuk kandungan utama dan div "footer".

• Penggayaan CSS:

  • Tentukan nilai ketinggian untuk kedua-duanya div "pembungkus" dan div "pengaki".
  • Tetapkan margin bawah negatif kepada div "pembungkus" yang sepadan dengan ketinggian "pengaki". Ini akan "menolak" kandungan utama ke atas ke dalam halaman.
  • Letakkan div "footer" dengan kedudukan: relatif dan mengimbanginya dari bahagian bawah halaman dengan bawah: 0.

Dengan mematuhi langkah-langkah yang digariskan di atas, anda boleh memastikan pengaki tetap yang kekal pada tempatnya di bahagian bawah halaman, menyesuaikan dengan lancar pada panjang kandungan yang berbeza-beza .

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Pengaki Tetap di Bahagian Bawah Halaman dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!