なぜ margi-left: auto; で box3 が右側に配置されるのかわかりません

margin-left: auto; とすることで余白がすべて左側に割り当てられるからです。
2022年2月5日
ユーザー
margin: 0 auto;

これで親要素に対して .box2 が左にズレるってことですが、

margin-left: auto;

これは、 .box1 の余白( margin )の一番左ってことですが、なんで right じゃないんでしょうか。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?