Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Posizionamento Relativo Spiegato | Padronanza del Posizionamento CSS
Tecniche CSS Avanzate

bookPosizionamento Relativo Spiegato

Posizionamento relativo consente di posizionare visivamente un elemento rispetto alla sua posizione originale. Allo stesso tempo, gli elementi adiacenti non occupano il posto dell'elemento.

position: relative;

È possibile utilizzare le proprietà top, left, bottom e right per indicare lo spostamento visivo di un elemento rispetto alla sua posizione iniziale. I valori possono essere positivi o negativi e in diverse unità (px, %, ecc.). Analizzare il seguente esempio per osservare l'effetto ottenibile:

index.html

index.html

index.css

index.css

copy

Nota

È fondamentale menzionare che non è necessario specificare tutte le proprietà top, bottom, left e right per l'elemento con un valore di posizione diverso da static. È sufficiente impostare una proprietà per il posizionamento verticale (top o bottom) e una per il posizionamento orizzontale (left o right).

question mark

Cosa fa la proprietà position: relative?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 2

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

Can you explain how the top, left, bottom, and right properties work with position: relative?

What happens to other elements when I use position: relative on one element?

Can you give an example of using negative values with position: relative?

Awesome!

Completion rate improved to 2.04

bookPosizionamento Relativo Spiegato

Scorri per mostrare il menu

Posizionamento relativo consente di posizionare visivamente un elemento rispetto alla sua posizione originale. Allo stesso tempo, gli elementi adiacenti non occupano il posto dell'elemento.

position: relative;

È possibile utilizzare le proprietà top, left, bottom e right per indicare lo spostamento visivo di un elemento rispetto alla sua posizione iniziale. I valori possono essere positivi o negativi e in diverse unità (px, %, ecc.). Analizzare il seguente esempio per osservare l'effetto ottenibile:

index.html

index.html

index.css

index.css

copy

Nota

È fondamentale menzionare che non è necessario specificare tutte le proprietà top, bottom, left e right per l'elemento con un valore di posizione diverso da static. È sufficiente impostare una proprietà per il posizionamento verticale (top o bottom) e una per il posizionamento orizzontale (left o right).

question mark

Cosa fa la proprietà position: relative?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 2
some-alt