L'utilizzo di DIV contenitori nella progettazione della pagina Web, si può sentire la necessità di specificare l'altezza, larghezza e il posizionamento dei contenitori individuali rispetto alla finestra del browser e a vicenda. Tuttavia, in tal caso, è probabile che i contenitori DIV si sovrappongono uno con l'altro e causano il layout visivo rompere. Fortunatamente, è possibile risolvere questo problema utilizzando l'elemento dello stile di visualizzazione HTML.

Istruzioni

1

Aprire la pagina Web con i contenitori DIV sovrapposti nel vostro editor di testo preferito.

2

Spostare il cursore nel tag del primo contenitore DIV cui proprietà di visualizzazione che si desidera regolare.

3

Inserire il seguente codice nel tag DIV contenitore:

Style = "display: block"

4

Ripetere il passaggio 3 con ogni successivo DIV contenitore che si sovrappone a un altro.

5

Salvare e pubblicare la tua pagina web. I contenitori DIV che aver regolato ora si estendono per riempire lo spazio orizzontale disponibile, regolare le loro altezze verticali per ospitare tutto il contenuto all'interno di essi e non si sovrappongono tra loro.