レイアウト 作成2026年3月13日更新2026年4月24日Takeshi TakatsudoCSSレイアウト技術:Flexbox、Grid、配置パターン、スペーシング、サイジング、構成戦略について解説します。 Flexbox & Grid1次元・2次元レイアウトの中核エンジン:Flexboxパターン、Gridパターン、サブグリッドによる整列、余白を扱う gap と margin の使い分け。ポジショニング要素の配置と重なりを制御する:センタリング、position プロパティ、スタッキングコンテキストと z-index、アンカーポジショニング。サイジング要素サイズの制御:intrinsicサイジングキーワード、aspect-ratio、clamp() による流体スケーリング、国際化に強い論理プロパティ。特殊テクニック特定のレイアウト課題に効くテクニック:メディア向けの object-fit、マルチカラムによるテキスト流し込み、ネガティブマージンでの拡張、テーブルセル幅の制御。 次へ Flexbox パターン