css - 当我设置宽度 : 100%? 时，为什么我的页眉周围有边距

Question

这里是第一个计时器。有人可以告诉我为什么标题周围有边距吗？我该如何解决？

jsfiddle:http://jsfiddle.net/lauriecai/39J2B/3/

header {
width: 100%;
height: 100px;
background-color: #fff;
}

Answer 1

实际上有两件事在这里起作用。

1。正文边距

默认情况下，正文的边距约为 5px(ish)。这里的大部分答案已经涵盖了这一点。您可以通过将它们设置为 0 来修复它；

body
{
    margin: 0;
}

---

2。 <h1>也有边距

您的页眉被您的 <h1> 上的页边距压低了元素。移除顶部边距以修复它。

h1
{
    margin-top: 0;
}

Updated JSFiddle