Come usare position fixed?

Domanda di: Rocco Riva  |  Ultimo aggiornamento: 2 maggio 2026
Valutazione: 4.9/5 (53 voti)

La proprietà CSS position: fixed blocca un elemento rispetto alla viewport (finestra del browser), mantenendolo visibile nella stessa posizione anche durante lo scorrimento della pagina. Si utilizza comunemente per navbar, pulsanti "torna su" o banner promozionali, rimuovendo l'elemento dal normale flusso del documento.

Come funziona Position Sticky?

sticky: l'elemento viene trattato come nel caso del valore “relative”, finché la posizione di scorrimento della finestra di visualizzazione non raggiunge una soglia specificata; a quel punto, l'elemento assume una posizione fissa in cui gli viene detto di rimanere.

Come posizionare i div in HTML?

Posizionamento Assoluto + Margini Negativi: Questa tecnica posiziona un div in modo assoluto all'interno del suo genitore (che deve avere position: relative) e usa top: 50% con un margine superiore negativo pari a metà dell'altezza del div.

Come si posiziona il testo in HTML?

Per allineare un testo sulla pagina utilizziamo l'attributo align per tutti gli elementi di testo, i cui valori possono essere left (di default), center e right: quindi <p align="center"> allineerà un testo al centro della pagina.

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.

Learn CSS Positions in 4 minutes