CSS:容器不会拉伸到100%宽度

时间:2010-09-25 11:58:54

标签: css

http://jsbin.com/uqafo4

请检查白色区域:它应该一直显示,因为我使用width: 100%,但它没有。

#container {
    background-color:#FFF;
    background-position:center bottom;
    background-repeat:no-repeat;
    height: 440px;
    width: 100%;
}

3 个答案:

答案 0 :(得分:4)

默认情况下,某些浏览器中的body标记在用户代理(默认)样式表中设置了边距。简单使用

body { margin: 0; }

删除此保证金。您还应该考虑使用重置样式表,例如Eric Meyer之类的重置样式表。

答案 1 :(得分:2)

问题是<body>元素周围有一些默认区域,将其添加到body规则是安全的:

margin: 0;

You cant test the updated version here,没有空格:)

答案 2 :(得分:0)

遵循易江的建议应该可以解决你的问题。

如果您没有背景图片,可以删除

background-position:center bottom;
background-repeat:no-repeat;

我还建议添加一些填充,例如:

padding:10px;

但也许您正在考虑这样做,只是您还没有添加代码。或者您可能由于某种原因不想使用填充。