絶対値はあまり使いたくはないのだけど。
http://www.css-lecture.com/log/css/037.html
上記のサイトに書いてあったことを利用。
相対値を保ったまま絶対値を使いたい。

<div class="相対値">
<p class="絶対値が入ったスタイルシート">あいうえお</p>
</div>

たとえば、
センター揃えをした時に、絶対値だけだと、ブラウザのサイズが変わった時に、
絶対値で指定したものが付いてこない。

だけど、相対値で囲った中に絶対値を指定すると、
相対値の場所からの絶対値として認識してくれる。

例）
html

<div class="re">
<p class="abs">あ</p>
</div>

css

 

.re{
width:400px;
height: 800px;
margin:0px auto;
background-color: #FF0000;
position: relative;
}
.re p{
background-color: #FF9900;
width:200px;
height:200px;

}
.abs{
position: absolute;
top:300px;
left:-30px;
}