DIV+CSS の相対配置と絶対配置positioning_html/css_WEB-ITnose

CSS コントロールの組版のプロセスでは、実際、各メソッドの意味を理解している限り、レイアウトが間違ってしまうことがよくあります。静的) )、絶対配置 (絶対)、固定 (固定)、相対配置 (相対)

より一般的に使用されるのは、絶対配置と相対配置です

絶対配置 (絶対): この配置方法が割り当てられたオブジェクトをドキュメント フローからドラッグします, left、right、top、bottom およびその他の属性を使用して、最も多くの位置設定が設定されている最も近い親オブジェクトを基準とした絶対位置を実行します。オブジェクトの親が位置属性を設定していない場合、つまり HTML の位置規則に従います。ボディを基準とします。オブジェクトの左上隅が位置決めの基準として使用されます。絶対的に配置されたオブジェクトは積み重ねることができ、積み重ね順序は z-index 属性を通じて制御できます。z-index 値は単位のない整数で、大きい方が上にあり、負の値を持つことができます (現在は負の値です)。 FFではサポートされていません）。

相対配置 (相対): オブジェクトは積み重ねることができず、左、右、上、下、その他の属性に基づいて通常のドキュメント フロー内でオフセットできます。 Z-index 階層設計を使用することもできます。

Absolute が元の親オブジェクトから分離された後、その位置は他のオブジェクトによって埋められますが、相対はそうではありません