html - 如何将可滚动div的高度设置为父容器的百分比

Question

要使div可滚动：

.scrollable-div {
    display: flex;
    flex-direction: column;
    overflow: auto;
    overflow-y: scroll;
    width: 100%;
    max-height: 49em;
}  

如何scrollable-div将其高度调整为高度为 100% 的父容器的百分比？

谢谢大家。

标签： htmlcss