Come ancorare un DIV alla parte inferiore della pagina di un sito Web

Passaggio 1

Inserisci il codice DIV del footer di base nell'editor HTML. Il codice dovrebbe essere simile a questo:

Inserisci il contenuto qui.

Questo è il codice per il DIV che si desidera ancorare nella parte inferiore della pagina HTML.

Passaggio 2

Aggiungi una regola CSS al foglio di stile per il contenitore, l'intestazione e il piè di pagina della tua pagina. Il foglio di stile CSS dovrebbe assomigliare a questo:

.wrap {position: relativo; margine: 0 auto; larghezza: 960 px; }

header, #footer {

larghezza: 100%; fluttuare: a sinistra; }

La larghezza del contenitore da 960 pixel deve essere modificata per adattarsi alle dimensioni della pagina che stai creando.

Passaggio 3

Aggiungi codice aggiuntivo per il CSS che si applica solo al DIV che desideri ancorare alla fine della pagina. Il codice dovrebbe assomigliare a questo:

footer {

posizione: fissa; fondo: 0; z-index: 999999; }

Questo codice ancorerà il DIV nella parte inferiore della pagina indipendentemente da ciò che viene aggiunto o rimosso dalla pagina.