div中的CSS滚动条在FF中不起作用答案

【问题标题】：CSS scrollbar in div doesn't work in FFdiv中的CSS滚动条在FF中不起作用
【发布时间】：2011-09-28 08:49:32
【问题描述】：

以下 HTML 用于在 FF3.x 和 IE 中显示垂直滚动条。我已经安装了FF6.0.2，滚动条不显示了！！

<html>
    <body>
        There should be a scroll bar on the page
        <div style="background:red;position: relative; left: -1px; width: 19px; height: 300px; overflow: auto;">
            <div style="background:green;width: 1px; height: 540px;"></div>
        </div>
    </body>
</html>

如何让我的滚动条与最新的 FF 一起出现？这仍然适用于 IE9。我认为这是 Windows7（家庭高级版）和 FF6.0.2 组合的问题。我在 Windows XP 和 FF6.0.2 上对此进行了测试，效果很好。

【问题讨论】：

它在 Firefox 6.0.2 中对我的作用与在 Chrome 和 Safari 中完全一样，垂直滚动条在所有浏览器中都有。看到这个jsfiddle
如果您使用 ctrl+wheel（或其他任何方式）缩小一点，滚动条就会消失。也许你被稍微缩小了？
不，我没有对缩放设置做任何事情。这是我在 FF 中看到的 Clive 在 FF 和 IE 中提供的链接。 FF-flickr.com/photos/68023709@N08/6186574780/in/photostreamIE-flickr.com/photos/68023709@N08/6186577542/in/photostream
顺便说一句，如果我在 FF 中安装自定义主题，我确实会看到滚动条。但这不是我要找的！
在 Mac OS X 10.6.8 上使用 Firefox 6.0.2 中的默认主题，有一个滚动条。你可以在这里预览你的测试：jsfiddle.net/7VwfK

标签： html css firefox

【解决方案1】：

尝试将溢出设置为滚动：

overflow:scroll;

这就是你要找的吗？

【讨论】：

溢出：自动；内容溢出时用于显示滚动条的更好选择。当内容适合组件大小时，不会显示滚动条。