#「position」は特定のレイアウトではなく、要素の位置を制御するために使用される CSS のプロパティです。
CSS レイアウトとは、一連のレイアウト テクノロジとプロパティを通じて、ページ上の要素のレイアウトと位置を定義および制御することを指します。
一般的な CSS レイアウト手法には次のものが含まれます。
ブロック レイアウト: ブロック レベル ボックスに従って、表示属性値が「block」または「inline-block」である要素を使用します。縦に並べたレイアウト用のモデル。
フロー レイアウト: デフォルトのドキュメント フロー レイアウトを使用すると、レイアウト メソッドが明示的に宣言されていない場合、要素は HTML に表示される順序で上から下に配置されます。右。
Flexbox レイアウト (Flexbox): flex 属性とコンテナ属性を通じてサブ要素の配置を制御することで、さまざまな画面サイズに適応する柔軟な 1 次元レイアウトを実現できます。
グリッド レイアウト: グリッド コンテナーとグリッド項目のプロパティを通じてページをグリッド領域に分割し、複雑な 2 次元レイアウトを実現します。
複数列レイアウト: テキストまたは要素のコンテンツを複数の列に分割するには、column-count プロパティと column-width プロパティを使用します。
これらのレイアウト手法は単独で使用することも、組み合わせて使用することもできますので、ニーズに応じて最適なレイアウト方法を選択してください。 「position」属性は要素の位置を制御するためのメカニズムであり、さまざまなレイアウトで使用して、異なる属性値を設定することで、他の要素やブラウザ ウィンドウに対する要素の位置を変更できます。