html - 无法让 div 显示在屏幕的最顶部

Question

我正在尝试一个简单的练习题来学习 CSS，我在尝试在屏幕的最顶部显示一个 div 时遇到了问题。正如您在背景颜色中看到的那样，它没有触及顶部，但是如果您查看它下面的图像，您会发现添加边框出于某种原因解决了这个问题。

No border, with space With border, no space

body {
  margin: 0;
}

div#wrap {
  background-color: #55ccff;
  width: 60%;
  min-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

<div id="wrap">
  <h1>Stuff</h1>
  <p>
    Stuff
  </p>
  <ul>
    <li>Stuff here</li>
  </ul>

  <p class="copyright">
    Stuff
  </p>
</div>

Answer 1

你的 <h1>元素也有一个边距导致你看到的差距。您可以像在 body 元素上那样删除它。

body, h1 {
  margin: 0;
}

div#wrap {
  background-color: #55ccff;
  width: 60%;
  min-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

<div id="wrap">
  <h1>Stuff</h1>
  <p>
    Stuff
  </p>
  <ul>
    <li>Stuff here</li>
  </ul>

  <p class="copyright">
    Stuff
  </p>
</div>