Come sovrapporre Elementi CSS?

Domanda di: Dr. Clodovea De rosa  |  Ultimo aggiornamento: 24 aprile 2026
Valutazione: 4.5/5 (56 voti)

Per sovrapporre elementi CSS, utilizza la proprietà position (absolute, relative, o fixed) combinata con z-index. Posiziona il contenitore come relative e gli elementi interni come absolute, usando z-index (valori numerici interi) per definire l'ordine di sovrapposizione: un valore maggiore porta l'elemento in primo piano.

Come funziona lo Z-index?

Quando due elementi si sovrappongono, il z-index determina quale elemento appare sopra l'altro. Il z-index value può essere assegnato con un numero intero o valori globali come eredita, initial e unset. Quando si usano numeri interi, l'elemento z-index assegnato all'indice più alto apparirà davanti agli altri elementi.

Line height CSS cos'è?

Indentazione del testo e altezza del righe: text-indent, line-height. La proprietà text-indent permette di specifare l'indentazione della prima riga del blocco. La proprietà line-height permette di specifare l'altezza delle righe. Si può indentare la prima riga di ogni paragrafo impostando la proprietà text-indent.

Cosa fa la position relative?

La posizione relativa aiuta a fare riferimento a file e cartelle in una struttura di directory fornendo un modo abbreviato per raggiungerli.

Come allineare elementi in CSS?

Per allineare un div al centro è sufficiente dargli margin: auto, a parte su IE6< dove è necessario metterlo in un altro contenitore con text-align: center. I div hanno sono per default display: block, quindi non è necessario ripeterlo, e non è necessario che il contenitore sia un altro div.

Corso CSS 4 - Allineamento elementi, display flex