相対位置（位置：相対）
1の相対位置：相対ボックスの位置プロパティは、左、トップにより、右、下、オフセットを設定します。
相対的なポジショニングの基本的な使用例：
[ページ設定]ボックスに、私たちの最初の二つのdiv（最初の赤、青二）
初期位置
私たちは、最初の相対位置をボックスします。左200pxのから、トップは50pxから。
効果が得られます。
それは結論付けました。
図1に示すように、赤色原位置に対するボックスは200pxのボックスが偏っ下方には50pxを左にシフトし、
オフセット後に元の位置にプレースホルダを残す; 2、ボックスは、他のシフトボックスに影響を与えません。
第二に、絶対位置（位置：絶対）
絶対的な使用例：
また、二つの小さなボックスと第赤、第2の青色が装備されている1、我々は、カセットボックス{DIVセット高さ、ページの上部境界からの距離を設定し}。
初期位置
その後、我々は最初の赤いボックスは、絶対位置属性設定でき{：;トップ100ピクセル左100pxにし;}
次のような効果があります
結論：1、絶対配置ボックスは、元の場所は、もはや空席を埋める箱の裏を占有しないでしょう。
図2に示すように、位置属性なし親要素（すなわち、大きな箱ボックス）、サブ要素（赤いボックス）は位置決め基準の画面位置です。
あなたは、私たちが大きな箱ボックス内の位置属性を設定し、上記とは異なるどのような影響を参照してください。
その効果は以下のとおりです。
このように：親要素は、positionプロパティを持っている場合、彼は参照として親要素を相殺しなければならない。親要素がこの位置属性いない場合は、もちろん、彼はレベルアップになり、
見つからない場合は、画面全体に対してこの属性の要素が存在する場合、絶対位置の相対的な位置ずれが上方位置に発生します。
補足：Zインデックスセットを積層配置してもよい（絶対的および相対的な位置を使用することができる）、上層大きいです。（例：Zインデックス：1000;）