变量html列高度取决于内容

Question

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

.container { 
    max-height: 1000px;
}

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

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

但是，列的高度保持固定为窗口的高度，并且不会根据内容量而更改。如何从我正在采取的方法中实现我想要的行为？

Answer 1

您应该将overflow-y: auto设置为容器。

Working Demo