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

那是因为你有溢出：隐藏在父

上

只需将其更改为

即可

overflow: scroll

请在小提琴上查看 - https://jsfiddle.net/zasnj08z/3/

此外 - 您不需要子项上的溢出滚动，因为它是您要滚动的父容器。也改变了那个小提琴。

Answer 2

你的CSS中只有一个小错误。

最后一行$_GET最后有一个：删除冒号，它将起作用。

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

2 个答案: