强制 div 填充浏览器宽度答案

【问题标题】：Force div to fill browser width强制 div 填充浏览器宽度
【发布时间】：2012-05-29 21:37:53
【问题描述】：

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

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

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

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

谢谢

编辑：

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

编辑 2：

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：