如何在div之前删除空格

Question

我正在尝试做一些基本的Web开发，但由于某种原因，开放的body标签和第一个div之间有一个巨大的空白。如何将div移动到顶部/或删除空格/不使用'position：fixed;'？

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>

尝试一次

Answer 2

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

Answer 3

很抱歉发布，但显然我忘了从CGI发送的标题中删除额外的换行符。它运作得很好。