AIへの指示で詰まりやすいレイアウト用語
このページでは、AIへの指示で使うと伝わりやすくなるレイアウト・配置系のCSS用語を解説します。知らないとAIへの指示が遠回りになる用語を厳選しています。
「なんか横に並べて」「上に固定して」——曖昧な指示でもAIは動いてくれますが、 正しい用語を使うと一発で意図が伝わります。 このページでは、レイアウト指示でよく使う用語を厳選して解説します。
position: sticky
スクロールしても画面内の特定位置に留まる配置
スクロール前
header
スクロール後
header← 残る
AIへの指示例
「ヘッダーをstickyにしてスクロール追従させて」position: fixed
画面全体に対して固定される配置（スクロールに影響されない）
スクロール前
+
スクロール後
+
← 同じ位置AIへの指示例
「FABをfixedで右下に固定して」コンテナ / ラッパー（Container / Wrapper）
コンテンツを囲んで幅や余白を制御する外側の要素
container (max-width)
AIへの指示例
「コンテナの最大幅を1200pxにして中央揃えにして」
Zenn