如何在IE6中实现固定底部？答案

【问题标题】：How to implement fixed bottom in IE6?如何在IE6中实现固定底部？
【发布时间】：2010-09-28 04:13:08
【问题描述】：

使用 css。

请不要将我引至其他链接。

编辑

无论您如何滚动条，都使某些内容始终位于视口底部。

【问题讨论】：

这个问题非常广泛。能详细点吗？
所以基本上你想要一些东西，例如 facebook 在它的页面底部有什么小聊天/通知的东西？
如何使用诸如 firebug 之类的东西来看看 facebook 是如何做到的，而不是让人们（试图帮助）嘲笑 cmets，并否决他们的建议以帮助您解决问题
+1 因为这个网站上自命不凡的人对措辞不好的帖子投了反对票。

标签： css internet-explorer-6

【解决方案1】：

如果您在使用 IE6 时遇到问题，请考虑使用重置脚本。它会让你的生活变得更加轻松。那里有很多不同风格的重置脚本，所以做一些研究并找到一个你喜欢的。就我个人而言，我发现 yahoo 生产了一款适合用途的产品。

使用重置脚本背后的想法是：

每个浏览器都应用一组默认样式和属性，在任何用户样式表之前已加载。
两者之间的很多差异页面呈现方式是由于这些之间的不一致默认值。
如果我们能找到一种方法来“扁平化” 在我们开始之前“地面” 建设，生活会更轻松

重置脚本执行该扁平化 - IE6 可以以更合乎逻辑的方式处理。

必填链接 ;)

http://developer.yahoo.com/yui/reset/

解决方案

考虑到此重置脚本的使用，我为您提供以下解决方案。

您可能知道，IE6 不支持 position:fixed。

为了解决这个问题你可以使用下面的sn-p：

<style>

html, body {
    height: 100%;
    overflow: auto;
}

div#fixed-bottom {
    position: fixed;
    z-index: 2;
    bottom: 0;
    height: 20px;
    width: 100%;
    background-color: #eaeaea;
    margin-top: -20px;
}

div#content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}

* html div#fixed-bottom {
    position: absolute;
}

</style>

这应该应用于包含以下元素的文档<body></body>：

    <div id="fixed-bottom">
        <p>
            I'm at the bottom
        </p>
    </div>
    <div id="content">
        <p>
            Your content here.....
        </p>
    </div>

这应该可行，因为：

IE6 处理高度的方式与大多数浏览器处理最大高度的方式相同。如果内容继续超过浏览器视口的高度，溢出自动将允许内容流动（带有滚动条）。
'*' hack 用于简化 - 它确保 IE6 应用 'position:absolute;'而不是“位置：固定”。 您应该使用条件 cmets 为 IE6 提供特定的 CSS。
请注意，此解决方案仅在 IE6 设置为使用“严格模式”时有效。这可以通过选择适当的文档类型来明确设置；例如：
```
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
```

【讨论】：

“标准模式”是什么意思？
抱歉，我写这篇文章的时候已经晚了。 IE6 可以在两种不同的模式下运行。一种称为怪癖模式，另一种称为严格模式。 quirksmode.org/css/quirksmode.html
@mask，我不认为投反对票，并且将我的答案取消选择为已接受意味着您很感激。正如其他人所说，您在堆栈溢出时的行为方式还有很多不足之处。
顺便说一句 - 如果有人在看这个答案并且想知道它是否有效，它确实有效。