- aktualisiert:
- 05.10.2008
- erstellt:
- 07.02.2007
position: absolute
Absolut positionierte Elemente sind vollständig aus dem Dokumentfluss genommen und haben keinen Einfluss auf nachfolgende und/oder benachbarte Elemente. Absolut positionierte Elemente können andere Elemente überlappen.
Elemente mit position:absolute sind positionierte Elemente.
Die Positionierung eines absolut positionierten Elementes erfolgt durch left, right, top, bottom mit einer relativen oder absoluten Maßangabe. Diese Positionierung richtet sich nach dem nächsten Vorfahrenelement, das ebenfalls positioniert ist, also einen Wert für position anders als static aufweist. Wenn es kein solches Element gibt, richtet sich die Positionierung nach dem Viewport.
Anders als bei der float-Eigenschaft kann bei absoluter Positionierung der Dokumentfluss nicht wiederhergestellt werden.
Gerade für CSS-Einsteiger erscheint die absolute Positionierung als Offenbarung. So »leicht« es am Anfang auch erscheinen mag, die absolute Positionierung ist kein Allheilmittel. Spätestens, wenn Elemente aufeinander Bezug nehmen sollen, scheitert man damit.
Absolute Positionierung sollte daher mit Bedacht nur dann eingesetzt werden, wenn ein Element wirklich unabhängig von seiner Umgebung sein soll – was selten der Fall ist.