CSS基礎 練習問題 25：CSSの位置指定（position）
要素の位置指定方法として、親要素を基準に配置したい場合に、親要素側に指定すべきCSSの書き方として正しいものはどれか。
- position: relative;
- position: none;
- position: normal;
- display: relative;
- float: relative;
正解と解説を見る
正解：position: relative;
子要素にposition: absoluteを指定して親要素基準で配置したい場合、親要素にはposition: relativeを指定する必要があります。
【正解の理由】
position: relativeを指定すると、その要素は「位置決めの基準（containing block）」となり、子要素にposition: absoluteを指定した際にこの親要素の左上を基準に配置できるようになります。relative自体は要素の見た目上の位置をほとんど変えません。
【不正解の理由】
• 「position: none;」：positionプロパティにnoneという値は存在しない
• 「position: normal;」：positionプロパティにnormalという値は存在しない
• 「display: relative;」：relativeはdisplayプロパティの値ではなくpositionプロパティの値である
• 「float: relative;」：floatプロパティにrelativeという値は存在しない