Per ancorare un DIV verso il basso di una pagina in HTML è necessario utilizzare un CSS. CSS sta per Cascading Style Sheet e si riferisce ai tipi di carattere, colori e il posizionamento degli elementi del documento HTML e sito Web che viene eseguito il rendering. Impostare il posizionamento all'interno del CSS possono ancorare l'elemento o DIV a una posizione specifica se il posizionamento è impostato su fisso. Questo permetterà ad altri elementi della pagina per funzione intorno all'elemento, ma il DIV specificato rimarranno ancorato al posto.

Istruzioni

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

1

Inserire il piè di pagina base codice DIV in editor HTML. Il codice dovrebbe essere simile a questo:

< div id = "footer" >

<div class="wrap">

<p>Insert content here.</p>

</div>

</div>

Questo è il codice per il DIV si vuole ancorare al fondo della pagina HTML.

2

Aggiungere una regola CSS per il foglio di stile per il wrapper, intestazione e piè di pagina per la tua pagina. Il foglio di stile CSS dovrebbe assomigliare a questo:

wrap () {

position:relative;

margin:0 auto;

width:960px;

}

#header, #footer {

width:100%;

float:left;

}

La larghezza di wrapper di 960 pixel dovrebbe essere modificata per adattarla alle dimensioni della pagina viene creata.

3

Aggiungere codice aggiuntivo al CSS che si applica solo al DIV si desidera ancorato alla parte inferiore della pagina. Il codice dovrebbe risultare come questo:

piè di pagina () {

position:fixed;

bottom:0;

z-index:999999;

}

Questo codice verrà ancorato il DIV alla parte inferiore della pagina non importa cos'altro viene aggiunto o rimosso dalla pagina.