Html 子div影响父div？

我想做的是给一个div

margintop:30px

但它似乎将整个页面向下移动了30px，而不仅仅是该div。这就像子div影响父div一样

有什么建议吗

Html:

---

这就是正在发生的事情，是的。具有边距顶部的元素的直接子元素也将推送父元素。作为一个非常简单/快速的解决方案，您是否考虑过使用填充

---

否则，您可以根据和在父级上使用overflow:auto。

尝试将

padding:0.01px

添加到容器中。这不会产生视觉效果，但会使边距应用到正确的位置。

这是

上的边距。对我来说，这似乎总是违反直觉的。您可以通过放置

overflow:auto或将
h1
s边距更改为填充。
必须更改

<h1 style="color:Aqua; margin-top:30px;">Student Forum</h1>

学生论坛

到

学生论坛

边距应用对象外部的空间，填充应用对象内部的空间。
Ah ok，\n不，我是css新手，请您提供一个填充在这种情况下如何工作的示例？啊，没关系，我已经用您建议的填充解决了这个问题。谢谢+1@user2413519如果有任何答案是有帮助的并且解决了问题，你应该接受它。这叫做保证金崩溃。
body 
{
    background-image:url('/img/blue_back.png');
    background-repeat:repeat-x;

}

#content
{
    background-color:White;
    width: 800px;
    height:900px;
    margin: 0 auto 0 auto;   

}

.header
{
    border-bottom:1px solid #000000;
    height:100px;    
    color:Blue;



}

<h1 style="color:Aqua; margin-top:30px;">Student Forum</h1>

<h1 style="color:Aqua; padding-top:30px;">Student Forum</h1>