div（width：auto）をネストされたdivに調整するには

Question

width:autoのパネルにはwidth:autoとオブジェクトのリストがあります。このの要素のリストはfloat:leftとwidth:380pxです。 このパネルをメイン・エリア（display:flex; justify-content: center;）内の画面に集中したいと思います。アイテムの数が1行に収まる場合には正確に集中しますが、別の行が必要な場合はパネルの100％を使用し、行の最後の項目からパネルの境界までのスペースが大きくなります。イメージ1とイメージ2は、今私が持っているものです。イメージ3は私が望むものです。

緑色：メインDIV、 灰色：パネル、 ブルー：リスト項目

画像1：

画像2：

画像3：二行目を必要なときにdiv要素が収まらないのはなぜ

？

Answer 1

私は答えがありませんでしたので、可能なリストアイテムの量のサイズを計算してパネルにmax-width属性を設定する問題を解決しました。