Css Flexbox背景不覆盖水平溢出上的子项

我有一个父容器，其子容器的数量（先验未知）具有最小宽度。当我调整浏览器的大小超过子对象收缩点时，父对象背景将随窗口收缩，而不覆盖子对象

.row{
显示器：flex；
背景色：#fcc；
背景尺寸：封面；
}
.行：第n个孩子（奇数）{
背景色：#fbb；
}
.孩子{
最小宽度：150px；
边框：1px#ccc实心；
柔性生长：1；
}

内容
内容
内容

我如何确保父母的背景涵盖所有的孩子

我试着把

宽度：100%

，

背景尺寸：cover

放在

行

元素上。还尝试将所有内容包装在一个容器中，并在此容器上设置

overflow:auto

我能让它正常工作的唯一方法是在.row元素上放置

overflow:auto

，但它会使每一行独立于其他行水平滚动

我已经看过这篇文章了，但这并不完全是我需要的——我没有包装任何弹性物品，关键是它们要保持原样

---

我也读过这篇文章，但我看不到任何有助于解决我问题的东西

您可能需要

显示：inline flex

检查：