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

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