width100%の挙動について教えてください。

flexboxの仕様もあわせて理解しておく必要があります。
2021年1月20日
ユーザー

動画内で.disc部分の横幅をcalc(100% - 180px - 32px)とする理由は一旦理解したのですが、
試しに.picのmargin-right:32px;を設定したまま、
.discの横幅をwidth100%にし、背景色をつけてみたところ、
テキスト部分の背景のみに色がつき、画像とテキストの間の余白も32pxで反映されます。(=section要素の横幅いっぱいには背景色がつきませんでした)

width100%=親要素の横幅いっぱいと認識していたのですが違うのでしょうか?
calc(100% - 180px - 32px)の計算にも矛盾が生じると思い質問させていただきました。

ご回答のほどよろしくお願いいたします。

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

プレミアムプランとは?

このレッスンの質問と回答(16)