在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的回答。这对我的解决方案来说已经足够了。