相対位置、絶対位置の差

相対位置：オリジナル要素自体の相対位置、に元の位置が占有継続の前提固定位置に変位量

絶対位置：この要素の親要素に対する相対（親要素がpositionプロパティを設定する必要があり、親要素が設定されていない場合は、要素の位置をルックアップするために存在し続ける、体を見つけるまで）

1）は、2つのブロックレベル要素のDIVを定義

<div class="css1">
</div> 
<div class="css2">
</div> 

スタイルシートは次のよう

 .css1{
height:200px;
width:200px;
background-color:blue;
}
 .css2{
height:200px;
width:200px;
background-color:orange;
}

示すように業績：

2）相対位置決め歩行波（相対位置にCSS1セット）

 .css1{
height:200px;
width:200px;
background-color:blue;
position:relative;
top:200px;
left:200px;
}

図に示した結果

ここでは見ることができる（黄色）としない（上記空き領域に第二のブロックレベル要素CSS2 全体上部ブロック要素の行がまだ占有されているので、CSS1）

3）絶対位置）が依然としてCSS1ブロックレベル要素が絶対配置させ（上がるが、親要素を追加し、位置プロパティを設定します

コードは以下の通りです

 .css1{
height:200px;
width:200px;
background-color:blue;
position:absolute;
top:200px;
left:200px;
}

<div style="position:relative;">
<div class="css1">
</div> 
<div class="css2">
</div> 
</div>

結果は以下のとおりであります

ここではあなたが見ることができます

CSS2ブロック要素は、元のCSS1の位置を占めている、すなわち、元の位置を占有しない絶対配置要素。