页面顶部无法解释的边距

Question

在我客户的网站opcstm.org上，我尝试过的每个浏览器（Chrome，Firefox，Internet Explorer）都会在除主页之外的每个页面顶部显示约16px的边距。

例如，将主页与Contact Us page进行比较。在“联系我们”页面上，您将看到徽标，整个页眉元素和整个页面与浏览器窗口顶部分开约16倍的边距。

我使用浏览器开发人员工具检查HTML代码中的前三个元素（body，div.site-container，header.site-header），并且没有一个指定了上边距或顶部填充。

我很难过！你能帮忙吗？

Answer 1

标题的ID（标题中的p）是您的问题。删除它或给它一个边距：0;

#title {
  margin: 0;
}

Answer 2

要快速修复，您只需将style =“padding-top：16px”添加到<div class="wrap">

例如：<div style="padding-top:16px" class="wrap">

我不建议每次都这样做。在您发现问题之前，这应该用作临时修复。