Css Flexbox：具有内嵌flex的行+；固定项目宽度（固定弹性基准错误）：不在列布局内工作

我想得到一个CSS表格，Y上有一个粘性标题（只有正文滚动），X上有整个表格滚动

根据Michael_B对我上一个问题的评论，flexbox存在缺陷，我必须在行上使用

内联flex

，在单元格上使用

宽度

，以确保行正确增长

这让我得出这样的结果：

html，正文{
宽度：100%；
最小高度：100vh；
保证金：0；
填充：0；
}
身体{
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.桌子{
边框：纯黑；
宽度：60vw；
高度：80vh；
溢出-x：自动；
显示器：flex；
弯曲方向：立柱；
}
.标题{
边界：固体青色；
弹性：0；
}
.身体{
弹性：1；
溢出y：自动；
边框：纯黄色；
显示：内联块；
}
.行{
边框：纯红；
显示：内联flex；
弯曲方向：行；
对齐项目：居中；
}
.细胞{
边框：纯绿色；
宽度：400px；
高度：50px；
}

第1单元
第2单元
第三单元
第1单元
第2单元
第三单元
第1单元
第2单元
第三单元
第1单元
第2单元
第三单元

是这样的，但标题行已修复？是的，也许黄色/青色边框适合其内部内容（在这里它保持在容器的100%）