Div没有填满页面

时间:2013-09-21 16:40:28

标签: html css

我已经创建了两个小块,但我没有从屏幕边缘开始,但它也需要从左侧和右侧以及顶部占用空间。这是我的代码

HTML

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

CSS

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

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

jsFiddle here

3 个答案:

答案 0 :(得分:4)

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

以下是一个基本示例。

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

jsFiddle demo

我建议您查看 CSS重置,请参阅Eric Meyer's here

答案 1 :(得分:2)

默认情况下,正文有一些marginpadding。重置如下:

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

答案 2 :(得分:2)

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

body {
  margin: 0 auto;     
}