CSS で最も一般的に使用されるレイアウト プロパティは Float (CSS フローティング プロパティ Float の詳細な説明) で、もう 1 つは CSS 位置決めプロパティ Position です。
1.位置:静的
すべての要素のデフォルトの配置は、position:static です。これは、要素が配置されず、ドキュメント内の本来あるべき場所に表示されることを意味します。
一般に、以前に設定した位置をオーバーライドする場合を除き、position:static を指定する必要はありません。
#div-1 {
位置:静的;
}
2.位置:相対
Position:relative を設定すると、上、下、左、右を使用して要素をドキュメント内で表示される位置に相対的に移動できます。 [これは、要素が実際にはドキュメント内の元の位置を占めているものの、ドキュメント内の元の位置に対して視覚的に移動していることを意味します]
#div-1 {
位置:相対;
上:20ピクセル;
左:-40ピクセル;
}
3. 位置: 絶対
Position:absolute を指定すると、要素はドキュメントの外に出て (つまり、ドキュメント内の位置を占めなくなり)、設定された上下左右に従って正確に配置できます。
#div-1a {
位置:絶対;
トップ:0;
右:0;
幅:200ピクセル;
}