页面顶部有额外的空白区域

Question

我正在网站上工作，我注意到我的页面顶部和底部有一个无法解释的空白区域。我搜索了一些帖子，他们告诉我确保我使用了没有BOM的UTF-8编码，我尝试了它并没有区别。如果有人愿意看它，网址是url

Answer 1

<h1>元素的默认间距（边距）导致顶部间距。在你的CSS中添加它。

h1 { margin-top: 0; }

Answer 2

这不是空间..右上角有一个按钮。

从HTML代码中删除此来源

    <div id="escapeButton">
        <button> <a href="http://google.com" title="escape">Escape</a> </button>
    </div>

Answer 3

在css的第一行添加此内容

* {
margin: 0px;
padding: 0px;
}

Answer 4

我也遇到过这个问题，并在我的CSS文件的第一行使用了这个：

body {
padding: 0;
margin: 0;
}

如果仍有问题，您也可以添加margin-top: -10px;。

Answer 5

如果设置h1 { margin-top: 0px }有效，可能会遇到collapsing margins问题。

您可以在margin-top in a nested div

中了解更多信息

Answer 6

就我而言，是具有这种样式的div

    margin: 0 auto 80px;

在顶部留出多余的空白