Cara memasang DIV ke bagian bawah halaman situs web

Langkah 1

Masukkan kode DIV footer dasar di editor HTML Anda. Kode harus terlihat seperti ini:

Masukkan konten di sini.

Ini adalah kode untuk DIV yang ingin Anda tautkan di bagian bawah halaman HTML.

Langkah 2

Tambahkan aturan CSS ke lembar gaya untuk penampung, header, dan footer halaman Anda. Lembar gaya CSS akan terlihat seperti ini:

.wrap {position: relative; margin: 0 otomatis; width: 960px; }

tajuk, #footer {

lebar: 100%; float: kiri; }

Lebar wadah 960-pixel harus diubah agar sesuai dengan dimensi halaman yang Anda buat.

Langkah 3

Tambahkan kode tambahan untuk CSS yang hanya berlaku untuk DIV yang ingin Anda jangkar ke bagian bawah halaman. Kode akan terlihat seperti ini:

footer {

posisi: diperbaiki; bawah: 0; z-indeks: 999999; }

Kode ini akan mengaitkan DIV di bagian bawah halaman terlepas dari apa yang ditambahkan atau dihapus dari halaman.