Zentrieren mit Absolute in CSS
Es gibt eine raffinierte Methode zur Zentrierung eines Elements durch absolute Positionierung. Man kann es so einrichten, dass das Element genau in der Mitte des Browserfensters platziert wird. Dazu muss man dem Element keine Größe vorgeben und gleichzeitig die Positionierung von allen vier Seiten festlegen:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Erstellen Sie mit der beschriebenen Methode einen Block,
der sich in der Mitte des Bildschirms befindet und von allen
Seiten einen Abstand von 100px hat.
Erstellen Sie mit der beschriebenen Methode einen Block,
der oben vom Bildschirmrand 100px,
rechts - 200px, unten - 50px,
und links - 10px Abstand hat.
