In CSS gibt es verschiedene Methoden, um Elemente auf einer Webseite zu positionieren. Die relative und absolute Positionierung sind zwei dieser Methoden.
Absolute Positionierung:
Bei der absoluten Positionierung wird ein Element in Bezug auf den nächstgelegenen Elternteil (oder das nächstgelegene andere positionierte Element) positioniert. Wenn es keinen Elternteil gibt, wird das Element in Bezug auf die Seite selbst positioniert. Das Element wird aus dem normalen Dokumentfluss entfernt, ohne einen Platz freizugeben. Andere Elemente werden so angeordnet, als ob es nicht vorhanden wäre. Mit den Attributen top, right, bottom und left können Sie den genauen Ort des Elements innerhalb seines Elternelements bestimmen.
Relative Positionierung:
Bei relativer Positionierung wird ein Element in Bezug auf seine aktuelle Position im normalen Dokumentfluss positioniert. Das heißt, wenn Sie ein Element relativ nach rechts verschieben, wird es vom rechten Rand seines aktuellen Containers weg bewegt, nicht vom rechten Rand seiner ursprünglichen Position. Im Gegensatz zur absoluten Positionierung bleibt der für das Element reservierte Platz im Dokumentfluss erhalten und das Element behält seinen Platz in der Dokumentstruktur. Die Attribute top, right, bottom und left bestimmen den Abstand vom ursprünglichen Ort des Elements.
