Jak zakotwiczyć DIV na dole strony internetowej

Krok 1

Wprowadź podstawowy kod DIV stopki w edytorze HTML. Kod powinien wyglądać podobnie do tego:

Wstaw zawartość tutaj.

To jest kod dla DIV, który chcesz zakotwiczać u dołu strony HTML.

Krok 2

Dodaj regułę CSS do arkusza stylów kontenera, nagłówka i stopki strony. Arkusz stylów CSS powinien wyglądać tak:

.wrap {position: relative; margin: 0 auto; szerokość: 960px; }

header, #footer {

szerokość: 100%; float: left; }

Szerokość kontenera 960 pikseli powinna zostać zmieniona, aby pasowała do wymiarów tworzonej strony.

Krok 3

Dodaj dodatkowy kod do CSS, który dotyczy tylko DIV, który chcesz zakotwiczyć na dole strony. Kod powinien wyglądać tak:

footer {

position: fixed; dół: 0; z-indeks: 999999; }

Ten kod zakotwicza DIV u dołu strony, niezależnie od tego, co zostało dodane lub usunięte ze strony.