CSS : position: absolute; Was ist das?

Ich verstehe es irgendwie nicht, was diese Position macht? Und die relative Position sagt einfach nur, dass das Element frei beweglich ist ?

Answer 1

[FaTech]

Kurz gesagt:

• Relative: Es dockt sich nach dem vorigen Element an, also eine automatische Anordnung
• Absolute: Du gibst eine feste Position an, wo das Element sein soll, es scrollt aber mit
• Fixed: Du gibst eine feste Position an, wo das Element sein soll, es scrollt aber nicht mit, es bleibt an der Position trotz scrollen

Comments

[Mythxx103]

Aber das mit dem mit scrollen ist doch sticky

[FaTech]

@Mythxx103

Nein, Sticky ist absolute, aber wenn der angegebene wert von top erreicht ist, dann wird es zu fixed.

Also wenn das Element bei scroll position 500 ist und du hast sticky top 50 gemacht, dann ist das element absolute und scrollt mit. Sobald du beim scrollen scrollposition 50 erreichst, dann wechselt es zu fixed und heftet sich dadurch an

Answer 2

[tanteerna68]

Du kennst das sicherlich von anderen Webseiten. Du scrollst runtern und ein Objekt bleibt einfach stehen. Genau das macht position:absolute :-)

Comments

[FaTech]

Nein, das wäre Position: fixed; Absolute ist auch scrollbar

[tanteerna68]

@FaTech

Oh, das stimmt, da habe ich mich vertan ^^

[Mythxx103]

Aber das ist doch Sticky

[tanteerna68]

@Mythxx103

Was FaTech schrieb ist richtig.

Answer 3

[TechnikTim]

Naja Absolut ist eben ein fester Wert. Heißt ein Element bleibt exakt an dieser Position egal wie groß der Bildschirm ist und egal wie man das Browserfenster skaliert.

Relativ ist eben ne relative Position also abhängig von etwas. Was das ist muss man eben angeben.

Woher ich das weiß: Berufserfahrung – FISI Tägliche PC-Probleme, Ausbilder, 1st Level Supervisor

Answer 4

[iQa1x]

Mit Beispielen: https://wiki.selfhtml.org/wiki/CSS/Tutorials/Ausrichtung/position

Woher ich das weiß: Berufserfahrung – Softwareentwickler & Admin