static

Ich bin static und diese Angaben haben keinen Einfluss.
top: 10px; left: 200px;

sticky

Eine Mischung zwischen fixed und relative: Das Element wird vom normalen Fluss aus verschoben und hat keinen Einfluss auf andere Elemente, solange es sich innerhalb des Viewports befindet. Sobald es sich ausserhalb befindet, wird das Element aus dem normalen Fluss gelöst und bleibt so beim Scrollen an seiner fest definierten Position.

relative

Ich bin relative und diese Angaben haben einen Einfluss auf mich und meine Kinder.
top: 10px; left: 200px; Ich werde vom normalen Fluss aus verschoben und hat keinen Einfluss auf andere Elemente, da an der ursprünglichen Position Platz gelassen wird.

absolute

Ich bin absolute und diese Angaben haben einen Einfluss auf mich und meine Kinder.
top: 10px; left: 200px;
Ich bin ausserhalb des Flows positioniert.
Meine Angaben beziehen sich auf das nächsthöhere Element, das eine relative oder absolute Positionierung haben.
Das Element wird aus dem normalen Fluss gelöst und unabhängig verschoben. Dabei können andere Elemente verdeckt werden. Diese verhalten sich so, als ob das Element nicht vorhanden wäre und lassen keinen Platz für das Element.

fixed

Die Verschiebung orientiert sich am Viewport. Das Element wird aus dem normalen Fluss gelöst und bleibt auch beim Scrollen an seiner fest definierten Position. Beim Drucken wird das Element auf jeder Seite an der positionierten Stelle angezeigt.

static

Ich bin static und diese Angaben haben keinen Einfluss.
top: 10px; left: 200px;

static

Ich bin static und diese Angaben haben keinen Einfluss.
top: 10px; left: 200px;

static

Ich bin static und diese Angaben haben keinen Einfluss.
top: 10px; left: 200px;