mac webkit浏览器中的div滚动条

Question

我在另一个div里面有一个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

我无法理清原因......但我去了HenrikAmmer的回答。这对我的解决方案来说已经足够了。

Answer 2

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