Question

我已经在Firefox中编写了这个html，它显示了我想要的完美（蓝色部分贴在页面底部）。但是在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>

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

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

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

Answer 1

IE6无法理解position: fixed; 这是一篇解释如何解决这个问题的文章：http://ryanfait.com/resources/fixed-positioning-in-internet-explorer/

这将解决底部div的问题。

Answer 2

由于上述解决方案将破坏所有位置：IE6上的绝对值我建议我之前开发的另一种方法

http://css.html.it/articoli/leggi/3074/position-fixed-performante-su-ie6/

http://www.html.it/articoli/3074/demo2.html（在此处查看源代码演示）

http://www.html.it/articoli/3074/demo.zip（演示下载）

IE和Firefox的区别在于将div保持在页面底部

2 个答案: