2

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

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

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

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

谢谢

编辑：

我不能为此依赖 jquery。目前使用纯 javascript 为栏添加 html。doc = dochtml+' html 字符串.... '+dochtml...

编辑2：

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

4

1 回答 1

3

在开始<body>标签之后，您需要添加一个<div>标签。div 的样式应该类似于

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

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

这是一个例子

于 2012-05-29T21:53:03.857 回答