取决于内容的可变html列高度

为了创建一个相对于其中的数据量扩展到最大高度的列，我实现了以下方法：

.container { 
    max-height: 1000px;
}

.column-body {
    height: 100%;
    overflow-y: auto;
}

<div class="container">
    <div class="column-body">
        Variable amounts of data
        ...
    </div>
</div>

.container{
最大高度：1000px；
}
.柱体{
身高：100%；
溢出y：自动；
}
数据量可变
...

---

但是，列的高度仍然固定在窗口的高度上，并且不会根据内容的数量而改变。如何通过我正在采取的方法实现我想要的行为？

您应该将

overflow-y:auto

设置为容器

---

尝试使用高度：自动；此外，如果您可以创建一个JSFIDLE来演示您的问题，我们将更容易帮助您。