エキスパート：実技問題（HTML作成、CSS読込と作成、画像の表示、JavaScriptの読込、レスポンシブWebデザイン対応）
幅500pxの親要素の内側に、width: calc(100% - 100px);を指定した子要素を配置した（親のpadding・borderは0とする）。この子要素の幅は何pxになるか。
- A300px
- ✓400px
- C450px
- D500px
解説
100%は親要素の幅である500pxを基準とするため、500px-100px=400pxとなる。
根拠実技問題：CSSの読込と作成