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

Question

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

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

目前我已经给出了:

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

只是有点卡住。

Answer 1

正文和/或 html 元素默认具有边距和/或填充(确切值取决于浏览器)。

如果删除它们，则作为 body 子级的任何 div(如果不应用限制宽度的 CSS)都将填充窗口的宽度。

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

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

#main_content {
    margin: 5px 10%;
}