为什么我的网页顶部有空白？答案

【问题标题】：Why is there a gap on the top of my webpage?为什么我的网页顶部有空白？
【发布时间】：2020-08-04 00:22:08
【问题描述】：

我确信答案是显而易见的，但我一直没有那么多地使用 html/css...

在浏览器顶部和第一个 div 之间有一个空白区域。我真的不明白为什么会有差距。我没有在css中使用margin-top或者padding-top或者border-top，那为什么会有空隙呢？

谢谢！

【问题讨论】：

【解决方案1】：

虽然如果您实际发布了一些代码或网站链接会非常有帮助，但我认为这只是默认填充。大多数浏览器都有您可能想要清除的 body 之类的默认样式。试试这样的：

html, body{
   padding: 0;
   margin: 0;
}

如果这不能解决问题，您需要提供更多信息。

【讨论】：

【解决方案2】：

没有看到任何东西，我想你要么需要清除 body 元素上的默认填充，要么在该 div 中有一个标题标签，这增加了一些额外的好处。

【讨论】：

【解决方案3】：

如果页面是用包装器包装的，使用：

 #wrap{
     margin:0 auto;
     padding:0
 }

【讨论】：

【解决方案4】：

再一次，一些上下文会很好，但如果这些解决方案没有削减它，那么有一个很好的改变你的利润崩溃的受害者。尝试将body的overflow属性设置为auto

【讨论】：

【解决方案5】：

我遇到了同样的问题。浮动上部 div 解决了它。

【讨论】：

【解决方案6】：

我遇到了同样的问题。当我向我的 div 容器添加 30px 的填充时，它已修复。我用过

   .top-container {
       padding-top: 30px;
    }

在我将一些图像设置为我的 div 中的绝对位置（具有相对位置）之后，我的问题发生了。由于某种原因，出现了间隙，但设置填充对我有用。

【讨论】：

【解决方案7】：

我知道这是 9 岁，但是... 身体{边距：0； } 在标签之间输入它应该可以工作

【讨论】：