gpt4 book ai didi

javascript - 强制 div 填充浏览器宽度

转载 作者:行者123 更新时间:2023-11-28 00:18:18 24 4
gpt4 key购买 nike

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

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

如何在不调整 body padding/margin 的情况下强制 div 填充浏览器的宽度?

我已经搜索了一段时间,答案都说要设置 body padding/margin。

谢谢

编辑:

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

编辑 2:

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

最佳答案

刚开场<body>标签你需要添加一个 <div>标签。 div 的样式应该是这样的

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

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

Here's an example

关于javascript - 强制 div 填充浏览器宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10807063/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com