Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Relativ Positionering Forklaret | Mastering CSS-positionering
Avancerede CSS-teknikker

bookRelativ Positionering Forklaret

Relativ positionering gør det muligt at placere et element visuelt i forhold til dets oprindelige placering. Samtidig forbliver naboelementerne på deres plads og overtager ikke elementets position.

position: relative;

Egenskaberne top, left, bottom og right kan anvendes til at angive den visuelle forskydning af et element i forhold til dets udgangspunkt. Værdierne kan være både positive og negative og angives i forskellige enheder (px, %, osv.). Se følgende eksempel for at observere effekten:

index.html

index.html

index.css

index.css

copy

Bemærk

Det er vigtigt at nævne, at det ikke er nødvendigt at angive alle top, bottom, left og right egenskaber for et element med en position-værdi, der adskiller sig fra static. Det er tilstrækkeligt at angive én egenskab for den lodrette placering (top eller bottom) og én for den vandrette placering (left eller right).

question mark

Hvad gør egenskaben position: relative?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 2

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 2.04

bookRelativ Positionering Forklaret

Stryg for at vise menuen

Relativ positionering gør det muligt at placere et element visuelt i forhold til dets oprindelige placering. Samtidig forbliver naboelementerne på deres plads og overtager ikke elementets position.

position: relative;

Egenskaberne top, left, bottom og right kan anvendes til at angive den visuelle forskydning af et element i forhold til dets udgangspunkt. Værdierne kan være både positive og negative og angives i forskellige enheder (px, %, osv.). Se følgende eksempel for at observere effekten:

index.html

index.html

index.css

index.css

copy

Bemærk

Det er vigtigt at nævne, at det ikke er nødvendigt at angive alle top, bottom, left og right egenskaber for et element med en position-værdi, der adskiller sig fra static. Det er tilstrækkeligt at angive én egenskab for den lodrette placering (top eller bottom) og én for den vandrette placering (left eller right).

question mark

Hvad gør egenskaben position: relative?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 2
some-alt