Div没有填满整个页面

Question

3

我创建了两个小块，但它们不是从屏幕边缘开始的，而是从左、右和上方占用了空间。这是我的代码:

HTML

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

CSS

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

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

- Shahil M

几乎两年后，为什么会被拒绝？ - Harry

3个回答

2

默认情况下，Body 具有一些 margin 和 padding。可以通过以下方式重置它：

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

- Harry

2

尝试这个： 演示链接： http://jsfiddle.net/h7TN8/

body {
  margin: 0 auto;     
}

- Hassan Sardar

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Josh Crozier · Accepted Answer

你需要重置默认的用户代理样式表。

这是一个基本的例子。

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

我建议看一下CSS重置，请参阅Eric Meyer这里的内容。