【週刊ドットインストール】 考える力を養うための新クラス『データで学ぶアルゴリズム』を256timesでリリース!
動画内で.disc部分の横幅をcalc(100% - 180px - 32px)とする理由は一旦理解したのですが、 試しに.picのmargin-right:32px;を設定したまま、 .discの横幅をwidth100%にし、背景色をつけてみたところ、 テキスト部分の背景のみに色がつき、画像とテキストの間の余白も32pxで反映されます。(=section要素の横幅いっぱいには背景色がつきませんでした) width100%=親要素の横幅いっぱいと認識していたのですが違うのでしょうか? calc(100% - 180px - 32px)の計算にも矛盾が生じると思い質問させていただきました。 ご回答のほどよろしくお願いいたします。
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
動画内で.disc部分の横幅をcalc(100% - 180px - 32px)とする理由は一旦理解したのですが、
試しに.picのmargin-right:32px;を設定したまま、
.discの横幅をwidth100%にし、背景色をつけてみたところ、
テキスト部分の背景のみに色がつき、画像とテキストの間の余白も32pxで反映されます。(=section要素の横幅いっぱいには背景色がつきませんでした)
width100%=親要素の横幅いっぱいと認識していたのですが違うのでしょうか?
calc(100% - 180px - 32px)の計算にも矛盾が生じると思い質問させていただきました。
ご回答のほどよろしくお願いいたします。