CSS の配置
CSS配置
position:要素の配置方法、値は静的、固定、相対、絶対です
static:静的な配置(デフォルト状態、配置されていない)。
固定: 位置を修正しました。
相対: 相対的な位置決め。
絶対: 絶対的な位置決め。
配置メソッドは配置属性と組み合わせて使用する必要があります
配置座標: 配置された要素がターゲット要素からオフセットされる距離を指定します。
left: 位置決め要素、ターゲット要素の左側からの距離。
top: 要素の位置、ターゲット要素の上部からの距離。
right: 要素の位置、ターゲット要素の右側からの距離。
bottom: 要素の位置、ターゲット要素の下部からの距離。
固定位置、位置:固定
固定位置はブラウザウィンドウを基準にしています。
位置が固定されており、スペースを占有せず、通常の要素よりも高いレベルを持っています。 Web ページがスクロールしてもスクロールしません。
位置決め座標が指定されていない場合、固定位置決め要素の位置はそのまま残ります。
固定位置要素は、どの要素であっても「ブロック要素」でなければなりません。
相対的な位置付け、位置:相対的;
相対的な位置付けは、「本来の自分」に対して相対的です。
相対的な配置ですが、それでもスペースを占有し、通常の要素よりも高いレベルを持ちます。
配置座標が指定されていない場合、相対的に配置された要素の位置はそのまま残ります。
相対配置では、元がインライン要素であれば配置後もインライン要素のまま、元がブロック要素であれば配置後もブロック要素のままです。
注: 通常、相対位置決めと絶対位置決めは一緒に使用されます。
絶対位置決め、位置:絶対
の祖先位置決め要素を基準とした相対位置(相対位置決め、絶対位置決め)、位置へ。
その親要素に配置がない場合は、配置された要素を上に探します。
<body> を探しても位置決め要素が見つからない場合は、<body> を基準にして位置を決めます。
絶対配置要素。スペースをとらず、通常の要素よりも高いレベルを持ちます。
配置座標が指定されていない場合、絶対配置された要素の位置はそのまま残ります。
絶対配置要素は「ブロック要素」です。
![フロントエンドプロジェクト-Shangyou [HTML/CSS/JS技術総合演習]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
