正如你可以看到在
this picture，我有一个橙色的div在一个绿色的div，没有上边框。橙色div有一个30px的顶部边距，但它也推动绿色div。当然，添加一个顶部边框将解决这个问题，但我需要绿色div是顶部无边框。我能做什么？
.body {
border: 1px solid black;
border-top: none;
border-bottom: none;
width: 120px;
height: 112px;
background-color: lightgreen;
}
.body .container {
background-color: orange;
height: 50px;
width: 50%;
margin-top: 30px;
}
<div class="header">Top</div> <div class="body"> <div class="container">Box</div> </div> <div class="foot">Bottom</div>
谢谢
解决方法
你可以添加overflow：auto到.body以防止margin-collapsing。见
http://www.w3.org/TR/CSS2/box.html#collapsing-margins
