Javascript 强制div填充浏览器宽度

我有一个小js文件，它在页面顶部添加了一个条。该文件可以包含在各种网站设计中。任何将正文边距/填充设置为0的页面，该栏显示良好。但是，如果页面有左或右填充，则该栏将不会完全伸展

问题是我不想操纵页面主体样式，因为设计可能有原因。所以我的问题是：

如何强制div填充浏览器的宽度而不操纵正文填充/边距

我已经搜索了一段时间，所有的答案都说要设置身体填充/边距

多谢各位

编辑：

我不能依赖jquery来完成这项工作。目前正在使用纯javascript为工具栏添加html。doc=dochtml+“html字符串…”+多克特米尔

编辑2：

---

我在写所有的样式和HTML。不链接到任何外部文件。就像CSS重置一样，这会给其余元素带来问题。人们会在他们的网站中加入此栏，我不能干扰他们的设计。

在打开

标签后，您需要添加

标签。div的风格应该是

div {
    position:absolute;
    top:0px;
    left:0;
    width:100%
    height: 20px;
}

div应始终为浏览器的宽度。如果需要添加一些填充，则需要在包含的div中添加另一个div，否则填充将使宽度超过100%。您还需要在正文中添加边距，以确保浮动div不会与正文内容重叠。我希望这是有道理的

---

把身体里的所有东西都包在另一个div里，并加上边距怎么样？创意：）试着想想怎么做，或者如果有什么缺点。。。非常感谢。