flex-shrinkの計算がわかりません

全部のboxの合計の幅からコンテナの幅を引いて足りない幅を計算しましょう。
2020年10月1日
ユーザー

 flex-shlinkの最後の 「0 0 1 1」の配分で分けていますが、なぜBOXの3、4が-40pxずつ減って3と4のBOXが60pxになってしまうのかが分かりません。

1と2のBOX が共に対比で0,0なので両方とも100pxで残りの3と4のBOX二つが320px-100px-100px=120pxで、60pxづつと考えたのですが、何度も解説の画像を見ても理解が叶いませんでした。

お手数かけますがよろしくお願い致します。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?