Question

我的这个div具有溢出X：

<div style={{ overflowX: 'scroll' }}>
   Some Content
</div>

在Chrome（Windows）上看起来像这样：

但是在Chrome（苹果机）上，它看起来像这样：

即使它是最新版本的Chrome，但在Windows上，即使没有要滚动的内容，滚动条也会带有箭头。

在Mac上，仅当有要滚动的内容时才会显示滚动，而难看的箭头不会显示。

如何在Windows上像在Mac和Chrome上一样滚动显示？

Answer 1

您尝试过<div style="overflow-x: scroll;">吗？似乎您正在使用OverflowX ，它可以在其他上下文（例如Javascript）中使用。

Answer 2

可能对您不再有用，但是如果有人需要，则应使用overflowX：自动

overflow: scroll强制滚动条显示，即使它们不需要。请注意，如果您使用的是Mac，这并不完全正确，根据计算机的设置，浏览器可能会尝试使它们仅在滚动时出现。

overflow: auto使滚动条仅在需要时显示。