<p>Ich habe versucht, einen <code>margin</code>-Wert zu einem <code>div</code> hinzuzufügen. Bis auf den höchsten Wert, der scheinbar ignoriert wird, funktioniert alles einwandfrei. Aber warum? </p> <p><strong>Meine Erwartungen:</strong></p><p><br /></p> <p><strong>Was ich habe:</strong></p><p><br /></p> <p><strong>Code: </strong></p> <p><br /></p> <pre class="brush:css;toolbar:false;">#outer { Breite: 500px; Höhe: 200px; Hintergrund: #FFCCCC; Rand: 50px auto 0 auto; Bildschirmsperre; } #innere { Hintergrund: #FFCC33; Rand: 50px 50px 50px 50px; Polsterung: 10px; Bildschirmsperre; }</pre> <pre class="brush:html;toolbar:false;"><div id="outer"> <div id="inner"> Hallo Welt! </div> </div></pre> <p><br /></p> <p>W3Schools erklärt nicht, warum dies mit <code>margin</code> passiert. </p>

#outer {
    width:500px; 
    height:200px; 
    background:#FFCCCC;
    margin:50px auto 0 auto;
    display:block;
}
#inner {
    background:#FFCC33;
    margin:50px 50px 50px 50px;
    padding:10px;
    display:inline-block;
}