Question

我有一个小的js文件，它在页面顶部添加了一个栏。此文件可以包含在各种网站设计中。任何页面的主体边距/填充设置为0，条形显示正常。但是，如果页面具有左侧或右侧填充，则条形将不会拉伸整个宽度。

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

如何在不操纵身体填充/边距的情况下强制div填充浏览器的宽度？

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

谢谢

编辑：

我不能依赖于jquery。目前使用普通的javascript为栏添加html。 doc = dochtml +'html string ....'+ dochtml ...

编辑2：

我正在编写所有样式和HTML。不链接到任何外部文件。像CSS重置一样，这将为其余元素带来问题。这个酒吧是人们将其纳入他们的网站的东西，我不能搞乱他们的设计。

Answer 1

在打开<body>标记后，您需要添加<div>标记。 div的风格应该是

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

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