Come forzare un footer a rimanere sullo sfondo usando i CSS

I piè di pagina che compaiono in fondo alle pagine, di solito contengono collegamenti a sezioni importanti di una pagina web.

Passaggio 1

Apri qualsiasi documento HTML usando il notebook o il tuo editor HTML.

Passaggio 2

Aggiungi il seguente elemento div alla sezione "body" della pagina:

Questo testo va all'interno del piè di pagina

Questo div contiene un testo footer di esempio e un riferimento a una classe CSS chiamata "bottom".

Passaggio 3

Incolla il codice mostrato di seguito nella sezione "head" del documento:

.bottom {position: absolute; allineamento del testo: centro; larghezza: 100%; fondo: 0px; larghezza: 100%; }

Questa classe CSS, rimossa dalla div, forza il div a fluttuare sullo sfondo della pagina web. La proprietà bottom, impostata su "0px" in questo esempio, mantiene il div in background.

Passaggio 4

Salvare il documento e osservarlo nel browser per confermare che il piè di pagina viene visualizzato nella parte inferiore della pagina Web.