このページはbodyの上下左右のmarginは10です。
こちらのCSSデータは

position:relative;
top:50px;
left:50px;
text-align:right;
width:700px;
height:500px;
background-color:yellow;

です。

このページはbodyの上下左右のmarginは10です。
こちらのCSSデータは

position:absolute;
top:0px;
left:0px;
text-align:left;
width:300px;
background-color:skyblue;

です。

また、上のコンテンツのソースは

<div id="rel">
<p>
このページはbodyの上下左右のmarginは10です。<br />
こちらのCSSデータは<br /><br />
position:relative;<br />
top:50px;<br />
left:50px;<br />
text-align:right;<br />
width:700px;<br />
height:500px;<br />
background-color:yellow;<br /><br />
です。
</p>

<p id="abs">
このページはbodyの上下左右のmarginは10です。<br />
こちらのCSSデータは<br /><br />
position:absolute;<br />
top:0px;<br />
left:0px;<br />
text-align:left;<br />
width:300px;<br />
background-color:skyblue;<br /><br />
です。
</p>
</div>