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

二十一岁
  • 3
新手上路,请多包涵

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

回复
阅读 755
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;
}
你知道吗?

宣传栏