如何使 div（宽度：自动）调整为嵌套 div（向左浮动和固定宽度）

Question

我的屏幕上有一个面板，上面有width:auto，里面有一个对象列表。这个list 的元素有float:left 和width:380px。 我想将此面板集中在 main div (display:flex; justify-content: center;) 内的屏幕中。当项目的数量适合一行时，它会正确集中，但当需要另一行时，面板使用 100%，从行中的最后一个项目到面板边框的空间很大。图像 1 和 2 体现了我现在拥有的东西。图 3 是我想要的。

绿色：主 div， 灰色：面板， 蓝色：列表项

图片 1：

图像2：

图像3：

为什么需要第二行时 div 不适合？

Answer 1

由于我没有答案，我已经解决了为面板设置 max-width 属性、计算可能列表项的大小的问题。