Html 完成粘性标题和粘性第一列布局的最佳方法

我知道有一些类似的问题，但没有什么能帮助我基本上我正在尝试创建一个类似于表的布局，它有一个粘性标题和一个粘性左列

到目前为止，我已经创建了这个

.container{
高度：200px；
宽度：100%；
溢出：滚动；
显示器：flex；
弯曲方向：立柱；
调整项目：灵活启动；
调整内容：灵活启动；
}
.行{
最小宽度：100%；
高度：70像素；
显示器：flex；
调整项目：灵活启动；
调整内容：灵活启动；
}
.一排{
排名：0；
位置：粘性；
职位：-网络工具包粘性；
背景：红色；
z指数：10；
最小宽度：100%；
}
.行\项{
最小宽度：173像素；
高度：70像素；
边框：1px纯黑；
}
.row_uu项目。粘性{
左：0；
职位：-网络工具包粘性；
位置：粘性；
背景：绿色
}

1.
2.
3.
4.
5.
6.
7.
8.
9
1.
2.
3.
4.
5.
6.
7.
8.
9
1.
2.
3.
4.
5.
6.
7.
8.
9

可能这可以解决您的问题-添加位置：-webkit sticky；too@SameerKhan抱歉，应该说得更具体些-webkit sticky肯定在那里，alreadySafari总是有位置问题

已修复

或

sticky

。我不知道他们为什么不想修理它。您可以使用

position:absolute

四处走动。请尝试此答案中的解决方案。您可以参考此文档：固定标题和固定列。然后，您可以按照自己的方式将脚本组合成一个脚本。这将大大减少您的CSS代码行。