Relative Positionierung

Relative Positionierung ermöglicht es uns, ein Element visuell relativ zu seiner ursprünglichen Positionierung zu positionieren. Gleichzeitig nehmen die benachbarten Elemente nicht den Platz des Elements ein.

position: relative;

Wir können die Eigenschaften top, left, bottom und right verwenden, um die visuelle Verschiebung eines Elements in Bezug auf seine ursprüngliche Position anzugeben. Die Werte können positiv und negativ in verschiedenen Einheiten sein (px, %, etc.). Lassen Sie uns das folgende Beispiel ausführen, um zu sehen, welchen Effekt wir erzielen können:

Hinweis

Es ist wichtig zu erwähnen, dass es nicht notwendig ist, alle top, bottom, left und right Eigenschaften für das Element mit einem anderen Positionswert als static anzugeben. Es reicht aus, eine Eigenschaft für die vertikale Positionierung (top oder bottom) und eine für die horizontale Positionierung (left oder right) festzulegen.