水平滚动条在firefox上不工作
水平滚动条在firefox上不工作
提问于 2021-12-15 02:14:58
<div style="margin:0 auto; width: 150px; height: 100px; display: flex; overflow-x: scroll; overflow-y: hidden;">
<select multiple name="" id="" style="overflow-x: scroll;">
<option value="">11111111111111111111111111111111111111111111111111111111</option>
<option value="">11111111111111111111111111111111111111111111111111111111</option>
<option value="">11111111111111111111111111111111111111111111111111111111</option>
<option value="">11111111111111111111111111111111111111111111111111111111</option>
<option value="">11111111111111111111111111111111111111111111111111111111</option>
<option value="">11111111111111111111111111111111111111111111111111111111</option>
</select>
</div>
它在Chrome上运行良好，但是水平滚动条在Firefox上不起作用，有什么方法可以解决这个问题吗？
铬
Firefox
回答 1
Stack Overflow用户
发布于 2021-12-15 08:54:10
删除display: flex;。如果希望看到垂直滚动条w/out向右滚动，请使用overflow-y: scroll;。
<div style="margin:0 auto; width: 150px; height: 100px;
overflow-x: scroll; overflow-y: hidden;">
<select multiple name="" id="">
<option value="">11111111111111111111111111111111111111111111111111111111</option>
<option value="">11111111111111111111111111111111111111111111111111111111</option>
<option value="">11111111111111111111111111111111111111111111111111111111</option>
<option value="">11111111111111111111111111111111111111111111111111111111</option>
<option value="">11111111111111111111111111111111111111111111111111111111</option>
<option value="">11111111111111111111111111111111111111111111111111111111</option>
</select>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70357699
复制相关文章
相似问题
腾讯云开发者
