HTML：

<div id="wrapper">
    <div id="content">
        <div id="Box"></div>
    </div>
</div>

CSS：

#wrapper{
  border: 1px solid #F68004;
}

#content{
  background-color: #0075CF;
  height: 100px;
}

#Box{
  margin-bottom: 50px;
}

我预期的

我得到的

更新：

I can fix this but i have no idea why that code not work? can someone explain?

更新2：

它看起来像大多数答案说,因为边缘崩溃,我的问题与this重复.但请注意,我设置边缘底部,但不是边缘顶部.我也读了关于收缩的利润率,我找不到任何规则说margin-bottom可以成为边际顶部.有谁能指出我吗