Amplasarea elementelor este definită prin următoarele proprietăți CSS:
- top - setează elementul curent față de marginea superioară a elementului mamă;
- jos - setează elementul curent față de marginea inferioară a elementului mamă;
- stânga - setează elementul curent față de marginea din stânga a elementului părinte;
- dreapta - setează elementul curent față de marginea din dreapta a elementului mamă.
proprietățile descrise mai sus nu va intra în vigoare până când specificați o metodă de plasare. De asemenea, metoda de plasare determină comportamentul acestor proprietăți.
În metoda CSS, există 4 elemente de plasare diferite:
Elementele statice sunt întotdeauna afișate în cazul în care acestea sunt declarate. proprietățile CSS ale partea de sus, de jos, stânga și dreapta nu funcționează cu elemente statice.
Toate elementele sunt plasate în mod implicit, în acest fel, dar, de asemenea, puteți declara în mod explicit un element utilizând o poziție statică: statică.
Elementele Absolut plasate sunt aranjate în raport cu primul element părinte, metoda care este diferită de plasarea statică. Dacă nu s-au găsit aceste elemente, elementul se află în raport cu elementul rădăcină (html).
Uneori, pentru a atinge elementul părinte dorit specific definit ca efect relativ dispuse cu decalaj zero.
Puteți declara un element absolut poziționat folosind poziția: absolută.
Atunci când se aplică proprietăți de poziționare elemente se pot suprapune. indexului z proprietate vă permite să setați element care, în cazul impunerii de voință din partea de sus, și un fund.
Elementele cu o valoare mare a proprietăților z-index sunt aranjate deasupra celeilalte.
Notă: indexului z proprietate poate fi negativ.