Question

在这个测试页面中，元素顶部有一个奇怪的额外空间：

我尝试将margin，padding，top all设置为0表示正文，填充为0表示html，但没有一个帮助。

html
{
    padding:0px;
}
body
{
    margin:0px;
    padding:0px;
    top:0px;
}

Answer 1

在css中试试这个：

h1 {
    margin-top: 0;
}

这是常见的场景（徽标图像包含在h1标签中）：

Answer 2

我认为这实际上是由h1元素上的边距引起的。

Answer 3

我的控制台在您的顶部元素周围的0.67em上显示<h1>上边距。

试试这个......

h1 {
    margin: 0;
}

Answer 4

您<h1>添加了默认的margin-top，因此它会从窗口顶部向下推<body>。

body > h1:first-child { margin-top: 0; }

Answer 5

嗯，我相信专家会嘲笑这个。我开始使用Expression Web 4并尝试将我的页面的标题信息放入文件header.txt中以包含在每个页面上。我将文件类型从html更改为shtml并使用了这一行：

一切都还好，除了文件顶部的一个讨厌的额外空间。

解决方案是：

工具＆gt;页面编辑器选项＆gt;创作

取消选中“在创建或重命名带有这些文件扩展名的UTF-8文档时添加字节顺序标记”下的.txt。

我希望这能帮助别人像我一样天真。

Answer 6

您可以尝试在您的身体上放置显示屏弯曲，在我的情况下它可以正常工作

希望它将对某人有所帮助：）

Answer 7

我认识到顶部的空间。我也经常发生这种情况。在我的情况下，<br/>和<head>之间有一个隐藏的中断（<body>）。当您找到此中断并将其删除时，顶部空间将被固定！

Answer 8

  html > h1:first-child { margin-top: 0; }

Answer 9

我知道这篇文章已经过时了，但我想分享一个对我有用的不同解决方案，对于那些可能会遇到同一篇文章的人来说，寻求帮助，就像我一样。

我发现的每个解决方案似乎都是错误的结果，但我没有任何错误，可以看到。经过一个多小时的解决问题并拼凑出我过去的一个设计，我找到了这个解决方案：

在想要附加到浏览器顶部的DIV的CSS中，添加以下一行：

#ContentContainer{

border: 1px solid transparent;

};

我不太确定它为什么会起作用或为什么需要它，但它使差距消失了。