删除页眉和页面之间的空间

Question

我的标题上方有一个空格。 我希望它保持顶部，没有任何空间。 我附加了一张显示空间的图像。

这是我的代码：

 body { background-color: red; } #example { height: 75px; background-color: #484848; }

 <header id="example"> example </header>

Answer 1

<body>元素具有默认边距。 去掉它：

 body { background-color: red; } #example { height: 75px; background-color: #484848; } body { margin-top: 0; }

 <header id="example"> example </header>

Answer 2

许多元素带有默认边距和/或填充。

这是由于浏览器的默认样式表 。

必要时将其添加到您的元素中：

margin: 0;
padding: 0;

这是浏览器可能使用的示例默认样式表： https : //www.w3.org/TR/CSS22/sample.html

编辑（因为您添加了更多代码）

在这种情况下，您需要从body元素中删除边距。

body { margin: 0; }

Answer 3

如果这是您完整的HTML和CSS，则红色边距不能那么宽，但是无论如何：添加

html, body { 
  margin: 0; 
}

到你的CSS

Answer 4

您可以做两件事。 一种是删除height: 75px因此div仅采用其自然高度（文本的高度）。

或者，您可以将＃ vertical-align: top添加到#example以将文本移到顶部-div在此处保持相同大小。

Answer 5

这样可以解决您的问题。 元素主体默认情况下具有边距。

body{
    margin: 0;
}

在css文档顶部。