Posizionamento e fluttuante di elementi HTML viene fatto utilizzando Cascading Style Sheets codice. Il metodo utilizzato per galleggiare testo alla fine del suo elemento contenitore, ad esempio un div, prevede l'utilizzo di posizionamento assoluto e relativo. Quando si dà una posizione assoluta al testo all'interno di un div che ha una impostazione della posizione relativa, il testo sarà vincolato all'interno del div. Una volta fatto questo, è possibile impostare "dal basso" per un valore pari a zero per posizionare il testo nella parte inferiore del div.

istruzione

1 Aprire la pagina Web in Blocco note o un programma di code-editing. Individuare il div in cui si desidera fare scorrere il testo fino in fondo e trovare il suo nome ID:

<Div id = "content">

<P> Testo di galleggiare sul fondo. </ P>

</ Div>

2 Aggiungere un nome di ID al set di tag che avvolgono il testo che si desidera galleggiare al

parte inferiore:

<P id = "bottom"> Testo di galleggiare sul fondo. </ P>

Avvolgere "<p>" tag o "<div>" tag in tutto il testo se non è ancora contenuta in una propria serie di tag.

3 Vai all'inizio del codice, e individuare i "<style>" tag. Aggiungere questi tag se non li vedi:

<Style type = "text / css">

</ Style>

Scrivi tutto il codice CSS tra i "<style>" tag. Se si utilizzano fogli di stile esterni con i vostri siti web, aggiungere il nuovo codice CSS al file CSS appropriata.

4 Lascia la tua div una larghezza impostata e l'altezza. Impostare la proprietà di "posizione" del div a "relativa":

contenuto {

width: 500px;

height: 200px;

position: relative;

}

Cambiare "contenuti" al nome ID del div.

5 Utilizzare la seguente regola di stile per forzare il testo a fondo del div:

parte inferiore {

position: absolute;

in basso: 0;

}

Modifica "dal basso" al nome ID che hai dato ai tag avvolte intorno il testo.