BFE.devでのAI解答例 - フロントエンド面接質問
9. CSS `position` property を説明してください。

CSSの position プロパティは、要素の配置方法を指定するために使用されます。 position プロパティには、以下の値があります。

• static: 要素をデフォルトの位置に配置します。
• relative: 要素をデフォルトの位置から相対的に配置し、その位置を top、bottom、left、right で調整できます。
• absolute: 要素を親要素に対しての位置で配置し、その位置を top、bottom、left、right で調整できます。
• fixed: 要素をウィンドウに対しての位置で配置し、その位置を top、bottom、left、right で調整できます。
• sticky: 要素をスクロールコンテナ内で発生するスクロールに応じて、デフォルトの位置または親要素内で固定します。

position: sticky が指定されると、要素はページがスクロールされる間に表示され続けます。このプロパティは、ページのナビゲーションを含む要素を配置するために使用されます。

z-index プロパティを使用して、重なり順を調整できます。ただし、 z-index プロパティは、 relative、absolute、fixed のいずれかの値が指定された場合にのみ有効です。要素をスタッキングコンテキストにすることで、要素の表示レベルを管理し、良好なユーザーエクスペリエンスを実現できます。