Question

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

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

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

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

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

Answer 1

尝试将body和html的宽度设置为100％，将填充和边距设置为0.

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