Come allineare un Div sul fondo di Another One

October 3

Come allineare un Div sul fondo di Another One


divisioni HTML sono una grande ed efficiente forma di formattazione per sostituire cornici e tabelle. Per inserire gli oggetti in un punto specifico su una pagina possono essere poste all'interno di un DIV. Quando gli oggetti devono ulteriore formattazione all'interno del DIV, ad esempio una barra di navigazione o immagine nella parte inferiore della divisione, potrebbe essere il momento di aggiungere una divisione nidificata. Utilizzando l'attributo posizione, è possibile posizionare un DIV annidata sul fondo di un altro.

istruzione

1 Creare un DIV all'interno del DIV corrente inserendo il codice tra l'inizio e la fine tag.

2 Aggiungere uno stile e l'attributo posizione del nuovo DIV utilizzando "style =" Posizione: in eredità; "" prima della parentesi del tag DIV chiusura. Ciò impone la divisione per posizionare rispetto al genitore o il contenitore DIV.

3 Aggiungere "bottom: 0px;" prima della fine virgolette del codice nel passaggio precedente. Questo indica al DIV alloggiare al fondo della divisione genitore.

Per esempio:

<Div> <div style = "Posizione: in eredità; bottom: 0px;"> Div Content Qui </ div> </ div>

Consigli e avvertenze

  • Utilizzare "position: absolute;" in combinazione con il numero di pixel dall'alto, sinistra, destra o in basso per specificare la posizione del DIV genitore. Questo vi darà una posizione più precisa per il nuovo DIV.