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

我認爲溢出：滾動;將工作 。