MoreLesson 206Preview gratis
Fixed Footer
Lesson ini bagian dari How To · Semua level
Ringkasan
Fixed footer adalah bilah yang selalu terlihat di bagian bawah viewport, meskipun halaman digulir. Efek ini dicapai dengan position: fixed, bottom: 0, dan lebar 100%. Karena elemen keluar dari alur normal, konten halaman perlu diberi padding bawah agar bagian akhir tidak tertutup footer.
Poin kunci
- position: fixed menempelkan footer pada viewport, bukan pada halaman
- Atur bottom: 0 dan left: 0 agar menempel penuh di bagian bawah
- Tambahkan padding-bottom pada body setinggi footer agar konten tidak tertutup
- Gunakan z-index agar footer tetap berada di atas konten lain
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.