请问如何使用css3实现一个父容器最大高度为300px，其中有一个ul，最大高度为240，当ul超过最大高度时候才滚动条？

Question

我使用max-height和overflow auto会一直都有滚动条。请问如何编写才可以呢。

Answer 1

js 获取ul高度如果<=300 父级是hidden，否则是auto

Answer 2

<div class="scroller">
    <div class="scroller__wrap">
        <div class="scroller__content"></div>
    </div>
</div>

.scroller {
    display: flex;
    width: 300px;
    max-height: 300px;
}
.scroller__wrap {
    flex-grow: 1;
    overflow: scroll;
}
.scroller__content {
    height: 320px;
    background-color: blue;
}