我在包装div中将头div作为第一个元素，但是当我在头div内的h1中添加顶部边距时，它将整个头div向下推。我意识到，只要我在页面上的第一个可见元素上应用上边距，就会发生这种情况。

这是一个示例代码片段。谢谢！

div#header{

    width: 100%;

    background-color: #eee;

    position: relative;

}



div#header h1{

    text-align: center;

    width: 375px;

    height: 50px;

    margin: 50px auto;

    font-size: 220%;

    background: url('../../images/name_logo.png') no-repeat;

}


<div id="header">

    <h1>Title</h1>

    <ul id="navbar"></ul>

</div>