弹性盒布局滚动条设置

设置滚动条需要元素的宽度或者高度固定,当flex为1是,高度或者宽度是可变的,这时设置滚动条会出现盒子被撑开了的情况,怎么解决这个问题呢?

// 在原有的样式下添加flex-basis和height,flex-basis属性定义了在分配多余空间之前,项目占据的主轴空间(main size)。浏览器根据这个属性,计算主轴是否有多余空间。它的默认值为auto,即项目的本来大小。flex:1中包括的flex-basis值是0%
.cang-value {
    width: 100%;
    flex: 1;
    flex-basis: auto;
    height: 0;
}
Copyright © lujiannb@qq.com 2021 all right reserved,powered by Gitbook该文章修订时间: 2024-06-06 11:32:07

results matching ""

    No results matching ""