为什么这种CSS边距-顶部样式不工作？

Question

为什么这种CSS边距-顶部样式不工作？我试图在另一个div中添加div的保证金值。所有的工作都很好，除了最高值，它似乎被忽略了。但为什么？#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: block;}<div id="outer">  <div id="inner">  Hello world!  </div></div>W3学校不能解释为什么保证金会这样。

Answer 1

试着使用display: inline-block;在内部区域。

#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;}