outline と border の違いについて教えてください

border は領域を占有し、 border の分だけコンテンツの幅も広がってしまいます。
2022年6月15日
ユーザー

いつもお世話になっております。現在こちらの「実践!ECサイトをマークアップしよう」を
マークアップしては消してを繰り返し学習しているのですが、
.container.products li で、領域確認用の outlineborder と書いてしまったところ
商品項目の flex-wrap: wrap;が効かなくなりました。
なぜ border だと flex-wrap: wrap; が効かなくなるのでしょうか?
border は、ボックスモデルで言うと margin の内側にあるから影響が出てしまうのでしょうか?
「そういうものだ!」で進めようにも、必要な理解だと思い質問させていただきました。
ご教授いただけたらと思います。どうぞよろしくお願いします。

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

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