Html 展开一个div'；具有css列计数属性的段落元素的宽度

我有一个段落元素。此段落具有

列计数

css属性。我试图从我的段落元素生成列，并扩展其父容器的宽度

您可以在此处看到该问题的演示：

父容器（粉红色框）的宽度不扩展。段落内容从粉色框中脱落

是否有一种方法可以将段落元素的宽度传递给父容器（粉红色框）

此预览最好在全屏上查看

html{
背景色：黑色；
颜色：白色；
}
格林先生{
边框：2倍纯绿；
}
瑞德先生{
边框：5px红色虚线；
填充：10px；
}
.粉红{
边框：2件纯红；
危害：2px；
}
蓝先生{
边框：2件纯蓝；
}
.集装箱{
高度：250px；
宽度：90%；
}
.滚动容器{
身高：继承；
宽度：100%；
溢出-x：滚动；
/*溢出y：隐藏*/
显示器：flex；
}
.物品容器{
显示器：flex；
高度：210px；
弯曲方向：行；
调整项目：灵活启动；
柔性包装：包装；
保证金：自动；
}
.垂直lr{
书写方式：垂直lr；
}
.项目{
写作方式：初始；
高度：60px；
宽度：250px；
}
.故事容器{
身高：继承；
}
.故事{
高度：100px；
字体大小：14px；
宽度：100%；
列数：2；
列宽：200px；
}

酷故事

让它运行珠宝，以找到迷幻药和系统性紊乱之间的联系。《传奇有它》的最新视频来自两人的第三部LP RTJ3，发现杀手迈克和El-P在警察阵容中被酸绊倒，旁边轮换着一群不寻常的嫌疑人：一个修女，“无辜”的小女孩，一个消防员，甚至是一个小丑脸的警官。
他说，由布赖恩·贝莱蒂奇执导的这部影片有意“在证明无罪之前，一直以有罪为主题”。“我们生活在这样一个世界里，真相越真实，反对者就越大。在这个故事中，EL-P和杀手迈克都在警察队伍中，他们面临着重重的打击。但这是为什么？”
让它运行珠宝，以找到迷幻药和系统性紊乱之间的联系。《传奇有它》的最新视频来自两人的第三部LP RTJ3，发现杀手迈克和El-P在警察阵容中被酸绊倒，旁边轮换着一群不寻常的嫌疑人：一个修女，“无辜”的小女孩，一个消防员，甚至是一个小丑脸的警官。

问题在于您有一个水平滚动条，并且不能有比滚动条宽的元素。您可以通过将

.container

的宽度设置为

150%

来解决这个问题，但这会删除滚动的功能，我认为这不是您想要的。@obsimanage。

.container

将是触摸屏的宽度。我们的目标是拥有一个水平滚动的div，其中可以存在多个

.item容器

，内容可以动态装入其中。您希望滚动条仅用于您的酷故事吗？@Omi，滚动条应该用于蓝色框

。滚动容器

。一个

滚动容器中可能有许多
.item容器
s。