Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Relativ Positionering Förklarad | Bemästra CSS-positionering
Avancerade CSS-tekniker

bookRelativ Positionering Förklarad

Relativ positionering möjliggör visuell placering av ett element i förhållande till dess ursprungliga position. Samtidigt tar inte närliggande element elementets plats.

position: relative;

Egenskaperna top, left, bottom och right kan användas för att ange den visuella förflyttningen av ett element i förhållande till dess ursprungliga position. Värdena kan vara både positiva och negativa i olika enheter (px, %, etc.). Följande exempel visar vilken effekt som kan uppnås:

index.html

index.html

index.css

index.css

copy

Obs

Det är viktigt att nämna att det inte är nödvändigt att ange alla egenskaperna top, bottom, left och right för ett element med ett positioneringsvärde som skiljer sig från static. Det räcker att ange en egenskap för vertikal positionering (top eller bottom) och en för horisontell positionering (left eller right).

question mark

Vad gör egenskapen position: relative?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 2

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

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

bookRelativ Positionering Förklarad

Svep för att visa menyn

Relativ positionering möjliggör visuell placering av ett element i förhållande till dess ursprungliga position. Samtidigt tar inte närliggande element elementets plats.

position: relative;

Egenskaperna top, left, bottom och right kan användas för att ange den visuella förflyttningen av ett element i förhållande till dess ursprungliga position. Värdena kan vara både positiva och negativa i olika enheter (px, %, etc.). Följande exempel visar vilken effekt som kan uppnås:

index.html

index.html

index.css

index.css

copy

Obs

Det är viktigt att nämna att det inte är nödvändigt att ange alla egenskaperna top, bottom, left och right för ett element med ett positioneringsvärde som skiljer sig från static. Det räcker att ange en egenskap för vertikal positionering (top eller bottom) och en för horisontell positionering (left eller right).

question mark

Vad gör egenskapen position: relative?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 2
some-alt