Hallo teman-teman, kali ini kita akan belajar bagaimana cara membuat footer menempel dibawah browser. Kalian mungkin pernah melihat sebuah website yang mempunyai isi konten banyak dalam satu halaman. Dan pada browser tersebut terdapat footer yang selalu menempel pada browser kalian apa bila kalian zoom out. Sehingga terlihat lebih rapih karena pada saat browser zoom out isi konten dari atas sampai bawah full. Untuk contoh kasus tersebut, kalian juga bisa menyebutnya dengan istilah sticky footer. Agar tidak bingung kalian bisa mengikuti langkah-langkah dibawah ini. Pertama kalian buat file htmlnya terlebih dahulu.

index.html

Jika sudah kalian save dan lihat hasil sementaranya seperti gambar dibawah ini.

jika kalian coba zoom out maka tampilan footernya akan ikut keatas seperti ini.

Sekarang coba kalian tambahkan beberapa fungsi css ini kedalam kelas warna.

Maka tampilanya akan seperti ini pada saat dizoom out.

Mudah sekali bukan ?

Oke sekian pembahasan mengenai membuat footer menempel dibawah. Semoga bermanfaat.