【週刊ドットインストール】 考える力を養うための新クラス『データで学ぶアルゴリズム』を256timesでリリース!
いつもお世話になっております。現在こちらの「実践!ECサイトをマークアップしよう」を マークアップしては消してを繰り返し学習しているのですが、 .container と .products li で、領域確認用の outline を border と書いてしまったところ 商品項目の flex-wrap: wrap;が効かなくなりました。 なぜ border だと flex-wrap: wrap; が効かなくなるのでしょうか? border は、ボックスモデルで言うと margin の内側にあるから影響が出てしまうのでしょうか? 「そういうものだ!」で進めようにも、必要な理解だと思い質問させていただきました。 ご教授いただけたらと思います。どうぞよろしくお願いします。
.container
.products li
outline
border
flex-wrap: wrap;
margin
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
いつもお世話になっております。現在こちらの「実践!ECサイトをマークアップしよう」を
マークアップしては消してを繰り返し学習しているのですが、
.containerと.products liで、領域確認用のoutlineをborderと書いてしまったところ商品項目の
flex-wrap: wrap;が効かなくなりました。なぜ
borderだとflex-wrap: wrap;が効かなくなるのでしょうか?borderは、ボックスモデルで言うとmarginの内側にあるから影響が出てしまうのでしょうか?「そういうものだ!」で進めようにも、必要な理解だと思い質問させていただきました。
ご教授いただけたらと思います。どうぞよろしくお願いします。