html - 如何去掉div前的空格

Question

我正在尝试进行一些基本的 Web 开发，但由于某种原因，开始的 body 标记和第一个 div 之间有一个巨大的空白。如何在不使用“position: fixed;”的情况下将 div 移动到顶部/或删除空格/？

body {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.top_bar {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: black;
  color: rgb(179, 0, 0);
  width: 100%;
  height: auto;
  font-size: 200%;
  position: absolute;
}

<div class="top_bar">
  generic string
  <br>
  <br>
  <br>
</div>

Answer 1

那是因为 html 默认有 8px 边距。要删除它，请使用下面的代码。

* {
  margin: 0px;
  padding: 0px;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.top_bar {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: black;
  color: rgb(179, 0, 0);
  width: 100%;
  height: auto;
  font-size: 200%;
  position: absolute;
}

<div class="top_bar">
  generic string
  <br>
  <br>
  <br>
</div>

尝试一次