Come Float in fondo un Div

August 9

Divisioni o "div" sono fondamentali per la funzione di Custom Style Sheet del tuo sito web, che consente di gestire l'aspetto di tutte le pagine del tuo sito web. Se si desidera specificare che un piccolo div dovrebbe sedersi a partire all'interno del più ampio div "contenitore" possibile - un pulsante di collegamento all'interno di un quadro o alla cornice, per esempio - galla il piccolo div bambino al fondo della grande div genitore utilizzando una combinazione di posizionamento assoluto e relativo.

istruzione

1 Accedi al tuo host web. Passare al file manager, fare clic sul nome del file CSS e selezionare "Modifica".

2 Scorrere verso il basso per le sezioni del CSS dedicati ai div coinvolti nel galleggiante. Per motivi di esempio, utilizzare i nomi "bigone" e "smallone."

3 Inserire un elemento di posizionamento relativo, "position: relative," all'interno del div genitore come segue:

bigone {position: relative; border: 2px solid # 000}

4 Aggiungere un elemento posizione inferiore assoluta, "position: absolute; bottom: 0" al div bambino in questo modo:

littleone {position: absolute; in basso: 0}

Questo galleggia il div bambino più in basso all'interno del div genitore possibile - e non importa dove il div genitore finisce all'interno della pagina, come di aggiungere e rimuovere altri div, grazie al posizionamento relativo del genitore.

5 Salvare il file CSS e visualizzare la pagina Web in una nuova scheda o finestra del browser per confermare il posizionamento ha funzionato.