Tailwind CSS 練習問題 17:Tailwindのポジショニング(position)ユーティリティ
Tailwind CSSにおいて、要素の位置指定をposition: absoluteに設定したい場合、正しいクラスはどれか。
- absolute
- position-absolute
- pos-abs
- abs-position
- fixed
正解と解説を見る
正解:absolute
Tailwind CSSでposition: absoluteを適用するには「absolute」クラスを使用します。
【正解の理由】
Tailwindのポジショニング関連のユーティリティは、CSSのposition値そのものをクラス名として使用します。「absolute」はposition: absoluteに対応する標準クラスです。
【不正解の理由】
• 「position-absolute」:CSSプロパティ名と値をそのまま繋げた形式だが、Tailwindの実際のクラス名には存在しない
• 「pos-abs」:Tailwindの標準クラスには存在しない省略形
• 「abs-position」:単語の順序も含めてTailwindの命名規則には存在しない
• 「fixed」:position: fixedに対応するクラスであり、position: absoluteとは異なる挙動(スクロールに追従して固定される)を持つ