Relative 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.css
Hinweis
Es ist wichtig zu erwähnen, dass es nicht notwendig ist, alle Eigenschaften
top
,bottom
,left
undright
für ein Element mit einem anderen Wert alsstatic
bei der Position anzugeben. Es genügt, eine Eigenschaft für die vertikale Positionierung (top
oderbottom
) und eine für die horizontale Positionierung (left
oderright
) zu setzen.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 2.04
Relative 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.css
Hinweis
Es ist wichtig zu erwähnen, dass es nicht notwendig ist, alle Eigenschaften
top
,bottom
,left
undright
für ein Element mit einem anderen Wert alsstatic
bei der Position anzugeben. Es genügt, eine Eigenschaft für die vertikale Positionierung (top
oderbottom
) und eine für die horizontale Positionierung (left
oderright
) zu setzen.
Danke für Ihr Feedback!