Html 绝对定位父对象内的滚动div

我有一个绝对定位的div，在里面我有另一个div，其内容大于父div。我需要子div有一个垂直滚动，但我的尝试不起作用。我需要在没有js的情况下这样做。这是我的代码：

HTML:

---

还有一把小提琴：

这是因为在父级上有overflow:hidden

只需将其更改为

overflow: scroll

在你的小提琴上看这里-

---

另外，您不需要在子容器上进行溢出滚动，因为您要滚动的是父容器。在小提琴中也改变了这一点。

只是css中的一个小错误

---

最后一行

高度：100%：

末尾有一个：。删除冒号，它就会工作。

这是一个有效的解决方案，但另一个对我来说更好，因为我需要父级隐藏溢出（与此问题无关）

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

overflow: scroll