Html 为什么不是'；t位置：粘滞，左侧：0在可滚动容器内工作？

我有这个问题-我有一个容器，其中包含一些行，每行中有一个粘性的左列，然后是多个其他列。现在在下面的示例中，这会起作用一段时间，但当您滚动父容器时，“粘滞”位置不再起作用，它会随着您的滚动而移动

.container{
溢出-x：滚动；
}
.行{
显示器：flex；
宽度：100%；
}
.项目{
最小宽度：173像素；
}
.粘的{
最小宽度：250px；
位置：粘性；
左：0；
背景：红色；
}

粘性第1行
1.
2.
3.
4.
5.
6.
7.
8.
9
10
粘性第2排
1.
2.
3.
4.
5.
6.
7.
8.
9
10
粘性第3排
1.
2.
3.
4.
5.
6.
7.
8.
9
10

添加边框以更好地查看与使用块级元素和宽度限制相关的问题：100%（不是您正在设置的无用的边框，而是块元素的默认行为）

.container{
溢出-x：滚动；
}
.行{
显示器：flex；
边框：1px实心；
}
.项目{
最小宽度：173像素；
}
.粘的{
最小宽度：250px；
位置：粘性；
左：0；
背景：红色；
}

粘性第1行
1.
2.
3.
4.
5.
6.
7.
8.
9
10
粘性第2排
1.
2.
3.
4.
5.
6.
7.
8.
9
10
粘性第3排
1.
2.
3.
4.
5.
6.
7.
8.
9
10