エキスパート:知識問題(Webサイトに関する知識)
あるページで、親要素であるdivにposition: relativeを指定し、その直下の子要素であるspan要素にposition: absolute; top: 0; left: 0;を指定した。このspan要素の配置位置の基準となる要素はどれか。
- ✓position: relativeが指定された親のdiv要素
- Bブラウザのビューポート
- Chtml要素
- Dposition指定のない直近の祖先要素
解説
position: absoluteが指定された要素は、static以外のposition値が指定された直近の祖先要素を基準に配置される。この例では親のdivにrelativeが指定されているため、そのdivが配置基準となる。
根拠認定基準(エキスパート)「レイアウト手法や色彩設計等、ユーザビリティやアクセシビリティを考慮したWebデザインを表現することができる」