html - Margin-Top 将外部 div 向下推

Question

我的包装器 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>

Answer 1

将overflow:auto放在父div
中 see more in this link