Css Can'；t获取div背景色以填充视口的整个宽度

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

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

废话废话，内容就在这里。

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

我不想更改

标签的背景颜色，因为我只需要填充屏幕的某个垂直部分

---

我能想到的唯一一件事是，我还没有尝试创建一个1px宽的bg图像，并将其设置为x重复。。。没有比这更优雅的解决方案了吗？

尝试将

正文

和

html

的宽度设置为100%，填充和边距设置为0

---

此外，您可能希望将CSS重置规则应用于样式表的开头。您可以使用此CSS重置或谷歌重置另一个。尝试将

正文

和

html

的宽度设置为100%，填充和边距设置为0

---

此外，您可能希望将CSS重置规则应用于样式表的开头。您可以使用此CSS重置或谷歌进行另一个重置。

是否添加了宽度：100%；在HTML和BODY元素中也添加了宽度：100%；到HTML和BODY元素？