Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Relativ Posisjonering Forklart | Mastering CSS-posisjonering
Avanserte CSS-teknikker

bookRelativ 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.html

index.css

index.css

copy

Merk

Det er viktig å nevne at det ikke er nødvendig å angi alle top, bottom, left og right-egenskapene for et element med en annen posisjonsverdi enn static. Det holder å sette én egenskap for vertikal posisjonering (top eller bottom) og én for horisontal posisjonering (left eller right).

question mark

Hva gjør egenskapen position: relative?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 2

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

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 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.html

index.css

index.css

copy

Merk

Det er viktig å nevne at det ikke er nødvendig å angi alle top, bottom, left og right-egenskapene for et element med en annen posisjonsverdi enn static. Det holder å sette én egenskap for vertikal posisjonering (top eller bottom) og én for horisontal posisjonering (left eller right).

question mark

Hva gjør egenskapen position: relative?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 2
some-alt