gpt4 book ai didi

css - CSS 中的某些内容导致 IE6 中的水平滚动

转载 作者:太空宇宙 更新时间:2023-11-04 05:15:02 25 4
gpt4 key购买 nike

我是一个真正的 CSS 初学者,所以请原谅我的无知。对于经验丰富的 CSS 人员来说一定很明显的事情,我一直在四处寻找但没有成功。

基本上,下面的 CSS 在 FF/Chrome/IE8 中按预期显示,但在 IE6 中却没有(谁知道其他 IE 版本)。在 IE6 中,由于某些元素溢出浏览器窗口,该死的水平滚动条一直显示。我的阅读似乎表明这与填充有关,100% 宽度是 IE6 的问题,或者其他...我添加了背景颜色以更好地可视化问题。

我只希望#ch/div(“head”)水平填充浏览器窗口。我想这可以归结为:为什么 bs_ext 和 cd 的 div 超出了右侧浏览器窗口,导致显示水平滚动条?

<head>
<style>
<!--
body{margin:0px 0px 0px 0px}

#ch,#cs{position:relative;width:100%}
#ch{margin-top:0px;height:90px;background-color:#edeff4;border-bottom:1px solid
#dddddd}
#cs{height:55px;width:1024px;border-bottom:1px solid #dddddd}
#cb{width:1024px}
#ci{float:left;width:200px;background-color:#efefef}
#cr{float:left;width:530px;background-color:#cccccc}
#cd{float:left;width:294px;background-color:#dddddd}

#bs{position:relative;float:left;top:18px;left:15px;width:185px;background-
color:#cccccc}
#bs_ext{position:relative;float:left;top:18px;left:15px;width:824px;background-
color:#dddddd}

-->
</style>
</head>
<body>
<div id=ch>head</div>
<div id=cs>
<div id=bs><span>sssssss</span></div>
<div id=bs_ext><span>ppppppp</span></div>
</div>
<div id=cb>
<div id=ci>111<br>111<br>111<br></div>
<div id=cr>222<br>222<br>222<br></div>
<div id=cd>333<br>333<br>333<br></div>
</div>
</body>

对于如何在 IE6 中进行这项工作的任何指示,我将不胜感激。

此外,我希望#cs 的底部边框始终为浏览器的 100%(目前为 1024 像素)。但是,如果我使用“100%”,那么在调整浏览器大小时会将“ppppppp”向下移动 - 我希望它被修复,以便调整浏览器大小时不会改变内容位置。

非常感谢您的任何指点/帮助

最佳答案

我不会尝试让我的网站与 IE6 兼容。

IE6 已经 10 多年了,您应该花时间用更新的浏览器检查您的代码。

如果你坚持让它兼容 IE6,你应该考虑为不同的浏览器使用不同的样式表。

查看此链接:http://www.thesitewizard.com/css/excludecss.shtml

关于css - CSS 中的某些内容导致 IE6 中的水平滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8374283/

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