Absolute Positionierung ist ein CSS-Fachbegriff. Durch Angaben zur Positionierung von (HTML)-Elementen können Sie den normalen Textfluss aufheben.
Absolute Positionierung positioniert eine Elementbox entweder relativ zu einem ebenfalls positionierten Elternelement, oder, falls es kein positioniertes Elternelement gibt, absolut im Dokument.
Beispiel 1:
<body> <div style="position: absolute; top: 100px; left: 100px; width: 50%;">Inhalt</div> </body>
In diesem Fall wird der div-Bereich absolut im Dokument positioniert, da es kein positioniertes Elternelemment gibt. Die Angaben zu top und left beziehen sich in diesem Fall auf das Anzeigefenster.
Beispiel 2:
<body> <div style="position: relative;">Inhalt <div style="position: absolute; top: 100px; left: 100px; width: 50%;">Inhalt</div> </div> </body>
In diesem Fall wird der innere div-Bereich, der die Angabe zur absoluten Positionierung enthält, im Bezugsrahmen des äußeren div-Bereichs interpretiert, da dieser ebenfalls eiine position-Angabe enthält, die nicht static lautet. Die Angaben zu top und left beziehen sich in diesem Fall also auf die Elementgrenzen des äußéren div-Bereichs.
