エキスパート：実技問題（HTML作成、CSS読込と作成、画像の表示、JavaScriptの読込、レスポンシブWebデザイン対応）
幅800pxのdiv要素の内側にwidth: 25%を指定した子要素を配置し、さらにその子要素の内側にwidth: 50%を指定した孫要素を配置した（親のpadding・borderは0とする）。この孫要素の実際の幅は何pxになるか。
- A200px
- ✓100px
- C400px
- D50px
解説
パーセンテージ指定の幅は直近の親要素の幅を基準に計算される。子要素の幅は800px×25%=200px、孫要素の幅はその子要素の幅を基準に200px×50%=100pxとなる。
根拠出題範囲：実技問題「CSSの読込と作成」