Jak zmusić stopkę do pozostania w tle za pomocą CSS

Stopki wyświetlane u dołu stron zwykle zawierają linki do ważnych sekcji strony internetowej.

Krok 1

Otwórz dowolny dokument HTML za pomocą notatnika lub edytora HTML.

Krok 2

Dodaj następujący element div do sekcji "body" strony:

Ten tekst wchodzi do stopki

Ten element div zawiera przykładowy tekst stopki i odwołanie do klasy CSS o nazwie "bottom".

Krok 3

Wklej kod pokazany poniżej w sekcji "head" dokumentu:

.bottom {position: absolute; text-align: center; szerokość: 100%; dół: 0 pikseli; szerokość: 100%; }

Ta klasa CSS-przywoływana przez div-wymusza działanie div w tle strony internetowej. Właściwość bottom, ustawiona na "0px" w tym przykładzie, utrzymuje element div w tle.

Krok 4

Zapisz dokument i obserwuj go w przeglądarce, aby potwierdzić, że stopka pojawia się na dole strony.