Posizionamento e galleggianti di elementi HTML è fatto utilizzando fogli di stile CSS codice. Il metodo utilizzato per galleggiare testo verso il basso dell'elemento contenitore, ad esempio div, prevede l'utilizzo di posizionamento assoluto e relativo. Quando si dà una posizione assoluta al testo all'interno di un div che ha un'impostazione di posizione relativa, il testo sarà vincolato all'interno del div. Una volta che si esegue questa operazione, è possibile impostare "inferiore" su un valore pari a zero per posizionare il testo nella parte inferiore del div.

Istruzioni

1

Aprire la pagina Web in blocco note o un programma di modifica del codice. Individuare l'elemento div dove volete spostate il testo verso il basso e trovare il suo nome di ID:

< div id = "contenuto" >

< p > testo di galleggiare per il fondo. </p >

< / div >

2

Aggiungere un nome ID per il set di tag che avvolgono il testo che si desidera a galla la

in basso:

< id p = "in basso" > testo di galleggiare per il fondo. </p >

Avvolgere la tag "< p >" o "< div >" tag intorno al testo se non è ancora contenuto nel proprio set di tag.

3

Vai all'inizio del codice e individuare il tag "< style >". Se non li vedete, aggiungere questi tag:

< style type = "text/css" >

< / stile >

Scrivere tutto il codice CSS tra i tag di "stile < >". Se si utilizzano fogli di stile esterni con i siti Web, è possibile aggiungere il nuovo codice CSS del file CSS.

4

Dare il vostro div imposta larghezza e altezza. Impostare la proprietà di "posizione" del vostro div a «relativa»:

contenuto () {

Larghezza: 500px;

Altezza: 200px;

Posizione: relativo;

}

Modificare "contenuto" per il nome di ID del vostro div.

5

Utilizzare la seguente regola di stile per forzare il testo verso il basso del div:

inferiore () {

Posizione: assoluta;

fondo: 0;

}

Modificare il nome ID assegnato ai tag avvolto attorno al testo "inferiore".