Relativ 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.css
Bemærk
Det er vigtigt at nævne, at det ikke er nødvendigt at angive alle
top,bottom,leftogrightegenskaber for et element med en position-værdi, der adskiller sig frastatic. Det er tilstrækkeligt at angive én egenskab for den lodrette placering (topellerbottom) og én for den vandrette placering (leftellerright).
Tak for dine kommentarer!
Spørg AI
Spørg AI
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
Relativ 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.css
Bemærk
Det er vigtigt at nævne, at det ikke er nødvendigt at angive alle
top,bottom,leftogrightegenskaber for et element med en position-værdi, der adskiller sig frastatic. Det er tilstrækkeligt at angive én egenskab for den lodrette placering (topellerbottom) og én for den vandrette placering (leftellerright).
Tak for dine kommentarer!