0

我正在尝试用背景颜色填充页面的某个部分。我希望背景颜色填充视口的整个宽度，但具有固定的高度。这是我尝试过的：

<div id="theDiv" style="width: 100%; height:200px; background-color:black;">
    Blah blah blah, content goes here.
</div>

但无论我尝试什么，这总是在 div 的两侧，在 div 的边缘和视口的边界之间给我一个小的白色边距。如何使 div 填充视口的整个宽度？

我不想更改<body>标签的背景颜色，因为我只需要填充屏幕的某个垂直部分。

我唯一能想到的我还没有尝试过的就是创建一个 1px 宽的 bg 图像并将其设置为 x-repeat ......没有比这更优雅的解决方案吗？

4

1 回答 1

5

尝试将body和的宽度设置html为 100%，并将填充和边距设置为 0。

此外，您可能希望将 CSS 重置规则应用于样式表的开头。您可以使用这个 CSS 重置http://meyerweb.com/eric/tools/css/reset/或谷歌另一个。

于 2012-08-16T11:39:35.120 回答