CSS の配置
CSS配置
position:要素の配置方法、値は靜的、固定、相対、絶対です
static:靜的な配置(デフォルト狀態(tài)、配置されていない)。
固定: 位置を修正しました。
相対: 相対的な位置決め。
絶対: 絶対的な位置決め。
配置メソッドは配置屬性と組み合わせて使用??する必要があります
配置座標(biāo): 配置された要素がターゲット要素からオフセットされる距離を指定します。
left: 位置決め要素、ターゲット要素の左側(cè)からの距離。
top: 要素の位置、ターゲット要素の上部からの距離。
right: 要素の位置、ターゲット要素の右側(cè)からの距離。
bottom: 要素の位置、ターゲット要素の下部からの距離。
固定位置、位置:固定
固定位置はブラウザウィンドウを基準(zhǔn)にしています。
位置が固定されており、スペースを占有せず、通常の要素よりも高いレベルを持っています。 Web ページがスクロールしてもスクロールしません。
位置決め座標(biāo)が指定されていない場(chǎng)合、固定位置決め要素の位置はそのまま殘ります。
固定位置要素は、どの要素であっても「ブロック要素」でなければなりません。
相対的な位置付け、位置:相対的;
相対的な位置付けは、「本來(lái)の自分」に対して相対的です。
相対的な配置ですが、それでもスペースを占有し、通常の要素よりも高いレベルを持ちます。
配置座標(biāo)が指定されていない場(chǎng)合、相対的に配置された要素の位置はそのまま殘ります。
相対配置では、元がインライン要素であれば配置後もインライン要素のまま、元がブロック要素であれば配置後もブロック要素のままです。
注: 通常、相対位置決めと絶対位置決めは一緒に使用されます。
絶対位置決め、位置:絶対
の祖先位置決め要素を基準(zhǔn)とした相対位置(相対位置決め、絶対位置決め)、位置へ。
その親要素に配置がない場(chǎng)合は、配置された要素を上に探します。
<body> を探しても位置決め要素が見(jiàn)つからない場(chǎng)合は、<body> を基準(zhǔn)にして位置を決めます。
絶対配置要素。スペースをとらず、通常の要素よりも高いレベルを持ちます。
配置座標(biāo)が指定されていない場(chǎng)合、絶対配置された要素の位置はそのまま殘ります。
絶対配置要素は「ブロック要素」です。
