Cum se face un DIV după altul în HTML

Scrieți codul HTML pentru un element DIV și plasați tot conținutul dorit între etichetele de deschidere * și pentru a închide *. Atribuiți atributul DIV an ID pentru a numi elementul. Ar trebui să utilizați un nume care este unic pentru acel element DIV și să nu utilizați același ID de mai multe ori pe aceeași pagină web. De exemplu: * * Conținutul merge aici ... *

Creați un al doilea DIV sub primul și apoi adăugați tot conținutul dorit pentru acel DIV. Puneți un atribut ID cu un nume diferit decât primul. * * Conținutul merge aici ... * *

Deschideți fișierul CSS sau localizați etichetele pe care le-ați codificat în fișierul HTML. Puteți adăuga etichete dacă acestea nu mai există. Utilizați codul CSS pentru a da fiecărui DIV un tip de poziție "relativă", după cum se arată în acest exemplu: #firstdiv {position: relative;} #seconddiv {position: relative;}

Adăugați proprietatea "z-index" a codului CSS pentru fiecare element DIV. Plasați valoarea pentru "z-index" mai mare decât pentru DIV pentru a se suprapune pe cealaltă. Cel mai mic DIV din stiva primește cea mai mică valoare a "indexului z". # Firstdiv {position: relative; z-index: 2;} #seconddiv {poziție: relativă; z-index: 1;} Puteți pune valoarea "z-index" între zero și 999. Puteți utiliza valori negative, dar ele produc probleme în compoziții complexe și nu funcționează în versiunile mai vechi ale Internet Explorer.