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文档的顶部。