Css-ben a relativ es az abszolut pozicio kozott mi a kulonbseg?

Absolute esetén az elem a megadott pozícióba (top, left, bottom, right) kerül a szülőelemhez képest! Ha nincs szülőelem, akkor a HTML dokumentum a szülő.

Tehát oda rakod az elemet, ahova akarod.

Relative esetén az elem a megadott pozíciókkal lesz eltolva a saját helyzetéhez képest. Ez most lehet, hogy nehezen érthető...

Van egy ún. document flow, ez azt jelenti, ahogy az elemek jönnek szépen sorban egymás után (ez a position: static).

Jön egy div, aztán egy image, majd egy bekezdés, majd megint egy div, ahogy meg vannak adva a dokumentumban... a position: relative esetén ehhez a sorrendhez képest történik az eltolás, tehát jönne az elem, és te beírod neki, hogy left: 10px, akkor a helyzetéhez képest 10 pixellel lesz eltolva jobbra.

Azt is lehetne mondani, hogy az előző elemhez képest lesz eltolva, de ez nem mindig igaz, ha pl. közbeesik egy absolute elem, akkor nem ahhoz képest lesz eltolva, hanem az előző relativ elemhez képest.

Végső soron az absolute is relativ, csak éppenséggel a szülőelemhez képest.

#2

Igen, valóban így van.