gpt4 book ai didi

html - IE 和 firefox 保持一个 div 到页面底部的区别

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

我写了这个 html,在 Firefox 中,它完美地显示了我想要的(蓝色部分贴在页面底部)。但是在IE中显示不正确,请问如何修改HTML,让蓝色部分显示在页面的左下角?

另外,红色的部分也不一样,我可以修改html让IE和firefox的红色部分一样吗?

我正在使用 IE8 和 Firefox 3.6.12

提前致谢。

<html>
<head>
<style type="text/css">
</style>
</head>
<body>
<div id="main" style="">
<div id="left_top" style="width:800px;float:left;background-color:pink;">left_top</div>
<div id="left_bottom" style="width:800px;float:left;background-color:blue;bottom:0px;position:fixed;">left_bottom</div>
<div id="right_all" style="width:200px;float:right;height:100%;background-color:red;">right_all</div>
</div>
</body>
</html>

编辑:添加另一个问题:是否可以使用脚本将其粘贴到底部?

我尝试在所有代码前加一行:

有效!但我不知道为什么。

最佳答案

IE6 不理解 position: fixed;这里有一篇文章解释了如何解决这个问题:http://ryanfait.com/resources/fixed-positioning-in-internet-explorer/

这将解决底部 div 的问题。

关于html - IE 和 firefox 保持一个 div 到页面底部的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4222888/

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