html - mac webkit浏览器中的div滚动条

Question

我在另一个里面有一个 div。内部 div 比外部 div 大，我希望外部 div 滚动以显示隐藏的内容。我将其标记为溢出：自动，它工作正常。

但是，由于业务限制，我还需要滚动条出现在外部 div 上。这适用于 Windows 上的所有浏览器。它也适用于 Mac 上的 Firefox。在 Mac 上的 Safari/Chrome 上，我希望在滚动 div 的内容时看到滚动条，就像滚动任何网页时一样。相反，我可以滚动内容，但滚动条永远不会出现。我该怎么做才能让滚动条正确显示？

这是我所拥有的：

<style type="text/css">
.inner {
    width: 300px;
    height: 300px;
}
.outer {
    width: 100px;
    height: 100px;
    overflow: auto;
}
</style>

<div class="outer">
<div class="inner">asdf qwer qwer asdf</div>
</div>

Answer 1

我认为溢出：滚动；将工作 。

Answer 2

我无法弄清楚为什么......但我去了@HenrikAmmer的回答。这对我的解决方案来说已经足够了。