在绝对定位的父级内滚动 div

Question

我有一个绝对定位的 div，里面有另一个 div，其内容大于父级。我需要子 div 具有垂直滚动，但我的尝试不起作用。我需要在没有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%:末尾有一个 : 。去掉冒号就可以了。