<p>J'ai essayé d'ajouter une valeur <code>margin</code> sur un <code>div</code> Tout fonctionne bien sauf la valeur la plus élevée, qui semble ignorée. Mais pourquoi? </p> <p><strong>Mes attentes :</strong></p><p><br /></p> <p><strong>Ce que j'ai obtenu :</strong></p><p><br /></p> <p><strong>Code : </strong></p> <p><br /></p> <pre class="brush:css;toolbar:false;">#outer { largeur : 500 px ; hauteur : 200px ; contexte : #FFCCCC ; marge : 50px auto 0 auto ; bloc de visualisation; } #intérieur { arrière-plan : #FFCC33 ; marge : 50px 50px 50px 50px ; remplissage : 10 px ; bloc de visualisation; }</pré> <pre class="brush:html;toolbar:false;"><div id="outer"> <div id="intérieur"> Bonjour le monde! </div> </div></pre> <p><br /></p> <p>W3Schools n'explique pas pourquoi cela se produit avec <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;
}