html - 顶部标题跨越网站的整个宽度

Question

只是建立一个网站，我想做一些我还没有遇到过的事情。当站点顶部没有边距但主要内容有边距时，与本站点顶部相同。

有人可以指出我正确的方向吗？

目前我已经给了它：

<div id="header"><h1>Header</h1></div>

只是有点卡住了。

Answer 1

默认情况下，body 和/或 html 元素将具有边距和/或填充（具体值取决于浏览器）。

如果您删除它们，那么作为主体子级的任何 div（如果您不应用限制宽度的 CSS）将填充窗口的宽度。

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

然后，您可以在主要内容上设置边距。

#main_content {
    margin: 5px 10%;
}

Answer 2

如果我正确理解您的问题，这就是您需要在 css 中执行的操作：

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

就这样。