Come inserire DIV uno sopra l'altro

September 19

Il contenitore tag HTML DIV consente di creare un layout e posizionare gli elementi sulla pagina Web. Utilizzare la proprietà di posizione per posizionare il DIV in una posizione specifica. Quando si dispone di diversi div uno accanto all'altro, utilizzare la proprietà posizione assoluta di impilare i tag uno sopra l'altro.

istruzione

1 Fare clic destro sul file HTML che si desidera modificare e selezionare "Apri con". Clicca l'editor HTML utilizzato per creare le pagine di lista pop-up dei programmi.

2 Creare la classe CSS che posiziona i DIV. Il codice seguente crea una classe denominata "stack" che contiene la proprietà di posizionamento:

<Style type = "text / css">

pila

{

position: absolute;

}

</ Style>

3 Individuare i div che si desidera posizionare il codice e aggiungere la proprietà di classe. Per esempio, le seguenti due tag DIV pila una sopra l'altra, perché utilizzano la classe creata nel passaggio 2:

<Div class = "stack">

<Div class = "stack"> Content va qui </ div>

</ Div>

Consigli e avvertenze

  • Dopo aver creato il codice cambia, è necessario caricare la nuova pagina HTML al server Web host.