css&；html5：为什么我的身体顶部有一个间隔？_Css_Html

css&；html5：为什么我的身体顶部有一个间隔？

css html

css&；html5：为什么我的身体顶部有一个间隔？,css,html,Css,Html,我不明白。我有 body, html { height:100%; margin:0; padding:0; } 然而，我的浏览器总是显示垂直滚动条，即使内容没有窗口那么高在下面的屏幕截图中，如果我检查主体，您可以看到顶部有这么小的间距。html没有此间距知道是什么原因吗试试看您可能有一个带有边距顶部的元素，作为body的第一个子元素之一仔细阅读纯粹作为一个简单的测试，在主体上设置填充：1px。如果差距消失了，我是对的。谈话晚了，但我想这可能会有帮助如果这

我不明白。我有

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

然而，我的浏览器总是显示垂直滚动条，即使内容没有窗口那么高

在下面的屏幕截图中，如果我检查

主体

，您可以看到顶部有这么小的间距。

html

没有此间距

知道是什么原因吗

试试看

您可能有一个带有

边距顶部的元素，作为body
的第一个子元素之一
仔细阅读
纯粹作为一个简单的测试，在主体上设置填充：1px
。如果差距消失了，我是对的。
谈话晚了，但我想这可能会有帮助
如果这是一个基于WordPress的网站，WordPress很可能正在添加：
 html { margin-top: 32px !important; }

它这样做是为了给管理员栏腾出空间，显然，出于某种原因，管理员栏没有出现
要解决此问题，请将以下内容添加到主题的functions.php文件中：
add_filter('show_admin_bar', '__return_false');

我这样做的原因完全不同：我无意中在头部插入文本字符（特别是分号），这些字符以某种方式被翻译到正文中，在正文中它们被其他标记和/或css隐藏。但是，空间仍然存在
在我的例子中，无论是主体本身，还是任何明显的第一个子元素，都没有任何上边距或填充。额外的文本确实显示为正文的第一个（文本）子项，但是它与我需要删除以解决问题的文本并不完全对应。具体而言，我看到了以下文本，其中有大量额外的空白：
<body>
";




<!-- rest of stuff here -->


";

请注意，我使用的是一个HTML模板引擎（特别是Razor），所以关于如何从；
到”发生。
我认为您的问题在于您的标记而不是CSS，您的正文上方是否有额外的空格或行？正文中是否有其他内容/标记？我们是否有可能获得完整的HTML源代码？您的
中可能有不合法的内容（例如，出于某种原因，
导致了空白。我知道WordPress生成的代码在我解决这个问题之前有大约三个月的时间。这对我很有帮助，尽管测试不起作用。我把填充物：1px放在身体里，但空隙仍然存在。我搜索了第一个子元素，该元素有一个上边距，找到并删除了它的边距-->间隙消失了。这个技巧对我很有用。。。帮我看了一个很明显的div，我完全忽略了它。
<body>
";




<!-- rest of stuff here -->