<p>Saya cuba menambah nilai <kod>margin</kod> pada <kod>div</kod> di dalam <kod>div</kod> Semuanya berfungsi dengan baik kecuali nilai tertinggi, yang nampaknya diabaikan. Tapi kenapa? </p> <p><strong>Jangkaan saya:</strong></p><p><br /></p> <p><strong>Apa yang saya dapat:</strong></p><p><br /></p> <p><strong>Kod: </strong></p> <p><br /></p> <pre class="brush:css;toolbar:false;">#outer { lebar: 500px; ketinggian: 200px; latar belakang: #FFCCCC; jidar: 50px auto 0 auto; paparan: blok; } #dalaman { latar belakang: #FFCC33; jidar: 50px 50px 50px 50px; padding: 10px; paparan: blok; }</pre> <pre class="brush:html;toolbar:false;"><div id="outer"> <div id="inner"> Hai dunia! </div> </div></pre> <p><br /></p> <p>W3Schools tidak menjelaskan mengapa ini berlaku dengan <code>margin</code>. </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;
}