Html 为什么'；列填充：自动'；不更新其宽度'；谁的集装箱？

我们正试图使一组列表适合于一个水平滚动容器，并具有设置的宽度和高度。我们正在使用CSS列来解决这个问题。但是，属性“column fill:auto”以正确的方式显示列表项，但“ul”没有调整大小以适应其显示方式的更改。有没有办法解决这个问题，或者有没有其他CSS解决方案

以下是问题的一个示例：

.container{
宽度：300px；
}
.小组{
边框：1px纯红；
空白：nowrap；
溢出-x：自动；
}   
.栏目{
边框：1px纯蓝色；
宽度：自动；
显示：内联块；
}
.名单{
列计数：自动；
列宽：120px；
列填充：自动；
高度：150像素；
宽度：自动；
}
.清单项目{
浮动：左；
}
.cf{
&：之前和之后{
内容：''；
显示：表格；
宽度：100%；
}
}

这是一项测试
这是一项测试
这是一项测试
这是一项测试
这是一项测试


这是一项测试
这是一项测试
这是一项测试
这是一项测试
这是一项测试

列填充

不会更改内容的

宽度

，但会更改内容的

高度