Relativ 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.css
Obs
Det är viktigt att nämna att det inte är nödvändigt att ange alla egenskaperna
top
,bottom
,left
ochright
för ett element med ett positioneringsvärde som skiljer sig frånstatic
. Det räcker att ange en egenskap för vertikal positionering (top
ellerbottom
) och en för horisontell positionering (left
ellerright
).
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
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
Relativ 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.css
Obs
Det är viktigt att nämna att det inte är nödvändigt att ange alla egenskaperna
top
,bottom
,left
ochright
för ett element med ett positioneringsvärde som skiljer sig frånstatic
. Det räcker att ange en egenskap för vertikal positionering (top
ellerbottom
) och en för horisontell positionering (left
ellerright
).
Tack för dina kommentarer!