这是我的标记
CSS
body{
background-color:#353535;
}
#parent{
background-color:#eee;
}
#child{
background-color:#1b1b1b;
margin:60px auto 10px;
width:100px;
}
HTML
<div id="parent">
<div id="child">child</div>
</div>
Result: http://jsfiddle.net/W74TZ/ http://jsfiddle.net/W74TZ/
保证金折叠规则 http://www.w3.org/TR/CSS21/box.html#collapsing-margins。如果 margin-top 到达了顶部<body>如果没有任何冲突（比如 #parent 上的 padding-top:1px ），那么父级将“继承”它。
您可以通过设置来避免这种情况padding-top:60px on #parent反而。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
