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

新手上路,请多包涵

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

回复
阅读 1.3k
2 个回答

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

<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;
}
推荐问题
宣传栏