Firefox 上没有空大宽度 div 的滚动条

Question

在 chrome 浏览器上使用此代码会给我一个带有水平滚动条的 div

<div style="overflow-y: scroll;background:black;width:300px;height:100px;">
  <div style="min-width: 1000px;"></div>
</div>

但不是在 Firefox 上，在 ff 上，如果内部 div 有一些内容，它只会有一个滚动条，

我想知道这是否是一个已知问题，是否有解决方法，谢谢。

Answer 1

如果您给内部 div 一些高度，它将在 Firefox 中工作。我在右侧添加了一个边框，因此您可以看到它实际上正在滚动。你是对的，虽然这似乎是浏览器的一个怪癖。

请注意，overflow-y 用于垂直滚动（y 轴），overflow-x 用于水平滚动（x 轴）。

<div style="overflow-x: scroll;background:black;width:300px;height:100px;">
  <div style="min-width: 1000px;border-right:20px solid red;height:100%;"></div>
</div>

Firefox 上没有空大宽度 div 的滚动条

no scrollbar for empty big width div on firefox

html

css

firefox