このソースは、以下のとおりです。
<style type="text/css">
div { height:50px;width:100px;}
div.1 { position:static;top:100px;left:100px;background-color:pink;}
div.2 { position:relative;top:100px;left:100px;background-color:orange;}
div.3 { position:absolute;top:100px;left:100px;background-color:blue;}
div.4 { position:fixed;top:100px;left:100px;background-color:red;}
</style>
<div class="1">staticデフォルト</div>
<div class="2">relative通常表示される位置から相対的な位置</div>
<div class="3">absolute親要素に対して絶対的な位置</div>
<div class="4">fixed親要素に対して絶対的な位置（位置固定）</div>
staticデフォルト
relative通常表示される位置から相対的な位置
absolute親要素に対して絶対的な位置
fixed親要素に対して絶対的な位置（位置固定）