CSS-Eigenschaften für die Positionierung

Die Eigenschaft position übernimmt einen von vier möglichen Werten (Standard: static). Zusammen mit Eigenschaften wie top, left etc. können Elemente an beliebiger Stelle im Layout positioniert werden.

Wird für position ein anderer Wert als static definiert, verändert sich der Positionierungskontext der Elemente, wie kurz in Kapitel 3 beschrieben wird.

Wie die Positionierung funktioniert

Nehmen wir beispielsweise die folgenden Werte:

#meinDiv { ... left: 160px; top: 96px; }

Gehen wir weiter davon aus, dass diese Werte auf das folgende Markup angewendet werden:

... <body><div id="hauptteil"> ... <div id="meinDiv">Der 
Rhabarber pokert leise im Mohnfeld.</div> ... </div></body>

Dann haben die vier möglichen position ...

Get Das Beste an HTML & CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.