在絕對定位的家長內滾動div

Question

我有一個絕對定位的div，裏面有另一個div，其內容大於父母。我需要孩子div有一個垂直滾動，但我的嘗試不workin。我需要在沒有js的情況下做到這一點。這是我的代碼：

HTML：

<div class="container"> 
    <div class="allow-scroll"> 
     ---CONTENT--- 
    </div> 
</div> 

CSS：

.container{ 
    background: red; 
    position: absolute; 
    top:0; 
    left:0; 
    right: 50%; 
    bottom: 50%; 
    overflow: hidden; 
} 
.allow-scroll{ 
    overflow-y: scroll; 
    position: relative; 
    height: 100%: 
} 

而且小提琴：https://jsfiddle.net/zasnj08z/

Answer 1

在你的CSS只是一個小錯誤。

最後一行height: 100%:有一個：在最後。刪除冒號，它會工作。

Answer 2

那是因爲你有溢出：隱藏在父

只需將其更改爲

overflow: scroll 

在這裏看到你的小提琴 - https://jsfiddle.net/zasnj08z/3/

而且 - 你不需要溢出滾動的孩子，因爲它是要滾動父容器。在小提琴中改變了這一點。