弹性盒布局滚动条设置
设置滚动条需要元素的宽度或者高度固定,当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;
}