这是我的标记
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>
最佳答案
Margin collapsing rules .如果 margin-top 到达 <body> 的顶部如果没有任何冲突(比如 #parent 上的 padding-top:1px )，则父级将“继承”它。
您可以通过设置 padding-top:60px 来避免这种情况在 #parent相反。
关于html - 为什么 div 的位置受其子元素的 margin-top 影响？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4493402/