Relativ Posisjonering Forklart
Relativ posisjonering gjør det mulig å plassere et element visuelt i forhold til dets opprinnelige posisjon. Samtidig vil ikke naboelementene ta elementets plass.
position: relative;
Vi kan bruke egenskapene top
, left
, bottom
og right
for å angi den visuelle forskyvningen av et element i forhold til dets opprinnelige posisjon. Verdiene kan være både positive og negative i ulike enheter (px
, %
, osv.). La oss kjøre følgende eksempel for å se hvilken effekt vi kan oppnå:
index.html
index.css
Merk
Det er viktig å nevne at det ikke er nødvendig å angi alle
top
,bottom
,left
ogright
-egenskapene for et element med en annen posisjonsverdi ennstatic
. Det holder å sette én egenskap for vertikal posisjonering (top
ellerbottom
) og én for horisontal posisjonering (left
ellerright
).
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
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 Posisjonering Forklart
Sveip for å vise menyen
Relativ posisjonering gjør det mulig å plassere et element visuelt i forhold til dets opprinnelige posisjon. Samtidig vil ikke naboelementene ta elementets plass.
position: relative;
Vi kan bruke egenskapene top
, left
, bottom
og right
for å angi den visuelle forskyvningen av et element i forhold til dets opprinnelige posisjon. Verdiene kan være både positive og negative i ulike enheter (px
, %
, osv.). La oss kjøre følgende eksempel for å se hvilken effekt vi kan oppnå:
index.html
index.css
Merk
Det er viktig å nevne at det ikke er nødvendig å angi alle
top
,bottom
,left
ogright
-egenskapene for et element med en annen posisjonsverdi ennstatic
. Det holder å sette én egenskap for vertikal posisjonering (top
ellerbottom
) og én for horisontal posisjonering (left
ellerright
).
Takk for tilbakemeldingene dine!