Cara memaksa footer untuk tetap berada di latar belakang menggunakan CSS

Langkah 1

Buka dokumen HTML apa pun menggunakan notebook atau editor HTML Anda.

Langkah 2

Tambahkan elemen div berikut ke bagian "body" pada halaman:

Teks ini masuk ke dalam footer

Div ini berisi teks footer sampel dan referensi ke kelas CSS yang disebut "bawah".

Langkah 3

Tempelkan kode yang ditunjukkan di bawah ini di bagian "kepala" pada dokumen:

.bottom {position: absolute; text-align: center; lebar: 100%; bawah: 0px; lebar: 100%; }

Kelas CSS ini -diterima oleh div yang div untuk mengapung di latar belakang halaman web. Properti bawah, diatur ke "0px" dalam contoh ini, menjaga div di latar belakang.

Langkah 4

Simpan dokumen Anda, dan amati di browser Anda untuk memastikan bahwa footer muncul di bagian bawah halaman web Anda.