Html 如何使背景色在奇数和偶数单元格中都使用hozintal滚动来填充所有内容？

这个问题已经被问了好几次了，但是至少我看到的5到10个问题似乎对我不起作用

这是我的密码。如果可以运行它并查看，则水平滚动的颜色不会完全展开

我尝试过各种答案中提到的各种事情，但似乎没有一件对我有效

我的要求：

我有一个交替颜色的数据列表-灰色和白色。我需要所有的灰色细胞扩大到最大尺寸的白色和灰色细胞。如果有人能指出我在这里遗漏了什么，那就太好了

。队友{
位置：绝对位置；
/*左：2.83%；
最高：42%*/
高度：160px；
宽度：560px；
背景：#FFFFFF；
边框：1px实心rgba（1891891891890.79）；
框大小：边框框；
边界半径：2px；
}
文本列表{
空白：nowrap；
位置：绝对位置；
列表样式：无；
最大高度：160像素；
最大宽度：100%；
保证金：0；
溢出：自动；
填充：0；
文本缩进：15px；
}
李文{
线高：30px；
字体系列：Inter-Regular；
字体风格：普通；
字体大小：正常；
字体大小：14px；
颜色：#000000；
}
li.文本：第n个孩子（单数）{
/*显示：内联*/
背景：rgba（2222222220.61）；
}

这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本
这是一个文本
这是一个文本
这是一个文本
这是一个文本
这是一个文本
这是一个文本
这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本

从

文本列表

类中删除

最大宽度

和

溢出

属性

将

溢出：自动

添加到

队友

班级

。队友{
位置：绝对位置；
高度：160px；
宽度：560px；
背景：#FFFFFF；
边框：1px实心rgba（1891891891890.79）；
框大小：边框框；
边界半径：2px；
溢出：自动；
}
文本列表{
空白：nowrap；
位置：绝对位置；
列表样式：无；
最大高度：160像素；
/*最大宽度：100%*/
保证金：0；
/*溢出：自动*/
填充：0；
文本缩进：15px；
}
李文{
线高：30px；
字体系列：Inter-Regular；
字体风格：普通；
字体大小：正常；
字体大小：14px；
颜色：#000000；
}
li.文本：第n个孩子（单数）{
/*显示：内联*/
背景：rgba（2222222220.61）；
}

这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本
这是一个文本
这是一个文本
这是一个文本
这是一个文本
这是一个文本
这是一个文本
这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本

宽度：：100%无效CSS@Gerard对我已经编辑过了。这很有效。我在
ul.text列表中添加了
minwidth:100%
，这样它就可以扩展为更小的条目了，这太棒了！快乐编码！