Question

我不明白。我有......

body, html {
    height:100%;
    margin:0;
    padding:0;
}

然而，即使内容不像窗口那样，我的浏览器也始终显示垂直滚动条。

在下面的屏幕截图中，如果我检查body，您会看到顶部有这么小的间距。 html没有这个间距。

知道可能导致什么原因吗？

enter image description here

Answer 1

您可能有一个margin-top元素作为body的第一个孩子之一。

纯粹作为简单测试，在padding: 1px上设置body。如果差距消失，我是对的。

Answer 2

谈话的后期，但认为这可能对某些人有所帮助......

如果这是一个基于WordPress的网站，可能是WordPress正在添加：

inputStream

这样做是为了为管理栏腾出空间，显然由于某些原因没有显示出来。

要解决此问题，请将以下内容添加到主题的functions.php文件中：

 html { margin-top: 32px !important; }

Answer 3

我有一个完全不同的原因：我无意中在头部插入文本字符（特别是分号），这些字符以某种方式被翻译成身体，在那里它们被其他标记和/或CSS隐藏。但是，这个空间仍然存在。

就我而言，身体本身，以及任何明显的第一胎元素都没有任何上边距或填充。额外的文本确实显示为正文的第一个（文本）子项，但是它并不完全对应于我需要删除以解决问题的文本。具体来说，我看到了以下文字，带有很多额外的空格：

<body>
";




<!-- rest of stuff here -->

请注意，我正在使用HTML模板引擎（特别是Razor），所以所有关于从; ;到";的转换发生的所有投注都已关闭。

Answer 4

只需将以下内容添加到 CSS

的开头

* {
  margin: 0;
  padding: 0;
}

我遇到了同样的问题，这对我有用。

Answer 5

试

body {
margin: 0;
padding: 0;
}