Tag div organizzano il contenuto in una pagina Web e la pagina HTML si dividono in sezioni, in genere per semplificare la formattazione. Ogni Div nella pagina adatta insieme per formare una pagina Web completa. Gli utenti possono avere un div ogni per l'intestazione, sidebar, contenuto e piè di pagina. Non esiste un limite al numero di sezioni ammessi su un sito. Se avete bisogno di un div a "bastone" alla parte inferiore di un altro div, utilizzano sia assoluto e relativo posizionamento nella tua codifica.

Istruzioni

1

Aprire un file di blocco note vuoto per la tua pagina HTML.

2

Creare due div classi nel documento HTML. Il primo, il genitore div, sarà "wrapper" per l'esempio e il su quella inferiore per l'esempio è chiamato "fondo". Finora, il codice è come segue:

< div class = "wrapper" >
< / div >

< div class = "in basso" >
< / div >

3

Inserire il contenuto dopo il tag di classe, ma prima della chiusura < / div > tag.

< div class = "wrapper" >
Contenuto pagina padre
< / div >

< div class = "in basso" >
Contenuto piè di pagina pagina
< / div >

4

Aggiungere gli attributi di posizionamento al documento nell'intestazione. Il "." indica che stai styling una classe e "Posizione:" consente di specificare come si desidera posizionare la sezione. Lo "0" in "gesti" non indica alcun margine su ogni lato del div.

< head >
< style type = "text/css" >
.Wrapper {posizione: parente;}
gesti {posizione: absolute; inferiore: 0;}
< / stile >

< / head >
< div class = "wrapper" >
Contenuto pagina padre
< / div >

< div class = "in basso" >
Contenuto piè di pagina pagina
< / div >

Consigli & Avvertenze

• DIV posizionamento può essere assoluto, che si posiziona rispetto il primo div che è posizionato in modo non statico, o parente, che lo colloca relativo alla posizione normale.
• Sempre chiudere tutti i tag nella tua pagina per prevenire errori imprevisti.