盒子flex: 1；实现内部滚动

原创已于 2024-05-30 10:31:29 修改

· 581 阅读

0 ·

版权

文章标签：

#javascript #前端 #css

于 2024-05-30 10:19:42 首次发布

想实现列表source-list-box内超出滚动。

flex：1；

flex-basis: 0;
overflow: auto;

一起应用生效！！！

.footer {
        display: flex;
        flex: 1;
        flex-direction: column;
        .source-list-box {
            min-height: 50px;
            flex: 1;
// box-sizing: border-box;
// flex-grow: 1;
            flex-basis: 0;
            overflow: auto;
        }