html - Div 没有填满页面

Question

我创建了两个小块，但我没有从屏幕边缘开始，但它也从左右和顶部占用空间。这是我的代码

HTML

<body>
  <div id="header"></div>    
  <div id="block1"></div>    
</body>

CSS

#header
{
    background:#1A2328;
    height:150px;
}

#block1
{
height:600px;
background:#657;
}

score 4 · Accepted Answer

您必须重置默认的用户代理样式表。

这是一个基本的例子。

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

我建议查看CSS 重置，请参阅Eric Meyer 的此处。

score 2 · Accepted Answer

正文默认情况下有一些margin和padding。像下面这样重置它：

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

score 2 · Accepted Answer

试试这个：在这里工作演示：http: //jsfiddle.net/h7TN8/

body {
  margin: 0 auto;     
}

3 回答 3