CSS 4 つの配置まとめ memo_html/css_WEB-ITnose

CSS レイアウトの中心となるのは位置属性です。位置: static || 絶対 || 固定

static はデフォルトの属性です

相対位置:

元のドキュメント内の場所 (またはデフォルトの場所)。次に、top、right、bottom、left 属性を使用して位置を変更できます。

絶対配置の 3 つの特徴:

1. 絶対配置に設定すると、デフォルトの幅がコンテンツの幅になります

2. 絶対配置に設定された部分はドキュメント フローの外になります

3.絶対配置の参照オブジェクトは、最初に配置された祖先/ルート要素です

固定配置:

固定配置要素のコンテキストはビュー ウィンドウであり、ページがスクロールしても移動しません。固定位置は一般的には使用されませんが、ページがスクロールしても動かないナビゲーション要素を作成するために最も一般的に使用されます。