html - Safari 中的顶部边距可移除，但 Firefox 中不可移除

Question

我使用 HTML div 标记创建了一个简单的布局。我希望页面顶部没有边距(意思是没有空格)。我能够在 Safari 中实现这一点，但出于某种原因，相同的 HTML 代码无法在 Firefox 中实现。这是我的 HTML 代码的 jsfiddle:http://jsfiddle.net/WhaGH/

在 jsfiddle 中看不到，但如果将代码复制并粘贴到 HTML 文档中，然后使用 Firefox 打开它，页面顶部会有大约 21px 高度的边距。如果您在 Safari 中打开相同的 HTML 文件，则不会出现此上边距。我在其他地方读到，不同的浏览器对“html”和“body”标签使用不同数量的默认边距和填充，因此我在“head”中包含了一些 CSS，将这些标签的边距和填充设置为 0。同样，这适用于 Safari 但不适用于 Firefox(或者更确切地说，它适用于左边距但不适用于 Firefox 的上边距)。有谁知道为什么吗？

Answer 1

默认情况下，Firefox 使用 margin-top: 21.4333px 作为标签，并在 div#header 中添加缩进。

对 block 的 child 使用 padding-top 来防止这种情况。

h1 { margin-top: 0px; }

解决这个问题。