仅在Firefox中显示滚动条

Question

我想在div的底部有一个滚动条，但这个CSS仅适用于Firefox，而不适用于Safari或Chrome等Webkit浏览器。

div.hoge {
    width: 500px;
    overflow: auto;
}

我用谷歌搜索，发现有些页面提到你应该使用overflow-x或-webkit-overflow-scrolling，但它们也没有用。需要使用一些JS？任何猜测？

Answer 1

这是一个在x上滚动的div的example fiddle。如果你不包含white-space: nowrap，那么文本只包含在div中，只有垂直（y方向）滚动条实际滚动。

小提琴显示两个div元素;一个nowrap而另一个没有。此外，我在div上添加了边框，以便更容易看到。

Answer 2

• 如果您需要始终显示滚动条，则可以使用overflow: scroll
• 如果您需要垂直滚动条，请overflow-y: scroll
• 如果您只需要水平滚动条，overflow-x: scroll

根据问题标题： 您可以编写像这样的mozilla特定样式

@-moz-document url-prefix() {

    div.hoge {
        width: 500px;
        overflow: auto;
    }

}

Answer 3

您是否尝试过overflow-x:scroll;？

还要确保div.hoge具有足够的高度以显示底部的滚动条。

Answer 4

溢出：自动;不滚动DIV，使用溢出：滚动; 如果你想在任何特定的轴上，那么使用overflow-x：scroll;或者溢出-y：滚动;