0

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

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

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

4

4 回答 4

1
  • 如果您需要滚动条始终出现，您可以使用overflow: scroll
  • 如果您需要垂直滚动条，overflow-y: scroll
  • 如果您只需要水平滚动条，overflow-x: scroll

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

@-moz-document url-prefix() {

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

}
于 2012-05-02T04:27:08.760 回答
1

这是一个在 x 上滚动的 div 的示例小提琴。如果不包含white-space: nowrap，则文本仅包含在 div 中，并且只有垂直（y 方向）滚动条实际滚动。

小提琴显示了两个 div 元素；一个有nowrap一个没有。此外，我在 div 上设置了边框以使其更易于查看。

于 2012-05-02T04:21:52.740 回答
0

溢出：自动；不做滚动 DIV，使用溢出：滚动；如果你想要它在任何特定的轴上，然后使用溢出-x：滚动；或溢出-y：滚动；

于 2012-05-02T04:13:22.863 回答
0

你试过overflow-x:scroll;吗？

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

于 2012-05-01T21:18:55.960 回答