Question

使用css。

请不要将我推荐给其他链接。

修改

无论您如何滚动条形图，都始终在视口底部创建一些内容。

Answer 1

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

使用重置脚本的想法是：

每个浏览器都应用一组默认样式和属性，在任何用户样式表均匀之前加载。
之间存在很多差异页面呈现的方式是由于这些之间的不一致默认值。
如果我们能找到一种'变平'的方法在我们开始之前的地面建设，生活会更容易

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

强制性链接;）

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

<强>解决方案

请记住使用此重置脚本，我为您提供以下解决方案。

正如您可能知道的那样，IE6不支持position：fixed。

要解决此问题，您可以使用以下代码段：

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

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

1 个答案: