下面的代码尝试使用flexBox显示模型构建表设计。
. wrapper {
width: 500px；
height: 150px；
背景： grey；
}
. container {
显示： Flex；
flex-direction: column；
height: 100%；
}
. row {
显示： Flex；
flex-direction: row；
flex: 1；
border : 3px固态绿色；
}
. cell {
flex: 1；
border : 1px固态硬盘；
}
1 2 3 1 huge content 3 1 2 3我的问题是，第二行是有“巨大内容”的滚动条，滚动条占据了我行的单元格空间。 这是个大问题。 因为我的列宽不一样，看起来不像桌子。
我不能使用的东西：
我自己实现的滚动条(性能是个问题。
固定宽度列或. container (组件的高度和宽度必须适应。
所以，第二行滚动条必须高于其内容，而不是占用空间。