Qraft(クラフト) 資格・学習クイズアプリ

Tailwind CSS 練習問題 17:Tailwindのポジショニング(position)ユーティリティ

Tailwind CSSにおいて、要素の位置指定をposition: absoluteに設定したい場合、正しいクラスはどれか。

  1. absolute
  2. position-absolute
  3. pos-abs
  4. abs-position
  5. 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とは異なる挙動(スクロールに追従して固定される)を持つ

← 前の問題問題一覧次の問題 →
アプリで解いてレーティングを上げる(無料・登録不要)