边距顶部将外部div向下推
我在包装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>
问题答案：
放入overflow:auto父级，div
-
问题内容： Left 为什么“主数据”在上面的代码中不起作用？ 问题答案： 您可以将两个浮动div放入 另一个 设置为“溢出：隐藏”的div中： 编辑 —为这个已有5年历史的答案添加一点点：我认为造成混乱的原因是_利润率下降的_ 过程有些复杂。使用OP中原始HTML的一个好技巧是添加一个CSS规则，如下所示： of！现在（没有我的额外要求）可以正常工作！好吧，除了边界上的多余像素。特别是，我 认为
-
问题内容： 我不确定我是否完全理解这两者之间的区别。 有人可以解释为什么我要在另一个上使用它们，以及它们之间的区别吗？ 问题答案： 用于通过使用属性来调整元素。 用于测量相对于上一个元素到元素的外部距离。 此外，行为可以依赖于位置，种类而不同，或。
-
问题内容： 我前一段时间遇到了这个问题，忘记了解决方案是什么。我在文档的顶部有一个小间隙，也许5/10像素？ 我想您会知道我在说什么，该如何摆脱呢？ 谢谢 问题答案： 在您的CSS文件中添加以下内容：
-
我试图接近这种设计，我有不同的div与显示内嵌块。我想做的是为所有div保持相同的保证金底部，但似乎div的内容高度会影响每个div顶部的空间。 这是代码和css： 只是印刷和排版行业的虚拟文本 只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是业界标准的虚拟文本，当时一家不知名的打印机在打印时使用了一个厨房 只是印刷和排版行业的虚拟文本。Lorem Ipsum一直是业界的
-
我有一行有X个可能的列。 现在我想将添加到所有小屏幕列和大屏幕列的相同边距，如果有超过4行，则会显示两个“行”，因此需要一些间距。 仅使用CSS就可以做到这一点吗？
-
我只需要添加一个边距顶部,这样,如果我的图像是用这个js： 我知道这可能很简单，但我是个初学者。希望有人能教我怎么做。谢谢！