Ausrichtung eines Blockelements mit linkem Außenabstand in CSS
Der Wert auto für margin kann
tatsächlich nicht nur zentrieren.
Dieser Wert ermöglicht es faktisch, den
Außenabstand automatisch zu berechnen und ihn
maximal möglich zu machen. Wenn wir auto für
den linken und rechten Außenabstand setzen - wird das Element
zentriert.
Man kann jedoch auch nur den linken Außenabstand setzen. In diesem Fall erhält das Element den maximal möglichen Außenabstand links und nimmt die äußerste rechte Position ein:
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto; /* setzen automatischen linken Außenabstand */
height: 100px;
width: 200px;
border: 1px solid green;
}
:
