Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Relative Positionierung Erklärt | CSS-Positionierung Meistern
Fortgeschrittene CSS-Techniken

bookRelative Positionierung Erklärt

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

position: relative;

Die Eigenschaften top, left, bottom und right können verwendet werden, um die visuelle Verschiebung eines Elements in Bezug auf seine Ausgangsposition anzugeben. Die Werte können positiv oder negativ sein und in verschiedenen Einheiten (px, %, usw.) angegeben werden. Im folgenden Beispiel wird gezeigt, welchen Effekt dies haben kann:

index.html

index.html

index.css

index.css

copy

Hinweis

Es ist wichtig zu erwähnen, dass es nicht notwendig ist, alle Eigenschaften top, bottom, left und right für ein Element mit einem anderen Wert als static bei der Position anzugeben. Es genügt, eine Eigenschaft für die vertikale Positionierung (top oder bottom) und eine für die horizontale Positionierung (left oder right) zu setzen.

question mark

Was bewirkt die Eigenschaft position: relative?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 2.04

bookRelative Positionierung Erklärt

Swipe um das Menü anzuzeigen

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

position: relative;

Die Eigenschaften top, left, bottom und right können verwendet werden, um die visuelle Verschiebung eines Elements in Bezug auf seine Ausgangsposition anzugeben. Die Werte können positiv oder negativ sein und in verschiedenen Einheiten (px, %, usw.) angegeben werden. Im folgenden Beispiel wird gezeigt, welchen Effekt dies haben kann:

index.html

index.html

index.css

index.css

copy

Hinweis

Es ist wichtig zu erwähnen, dass es nicht notwendig ist, alle Eigenschaften top, bottom, left und right für ein Element mit einem anderen Wert als static bei der Position anzugeben. Es genügt, eine Eigenschaft für die vertikale Positionierung (top oder bottom) und eine für die horizontale Positionierung (left oder right) zu setzen.

question mark

Was bewirkt die Eigenschaft position: relative?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2
some-alt