1. absolute
ex)
 <div id="Layer1" style="position ： absolute; top:200px; left:100px; width=100px; height:100px">contents</div>
흔히, 레이어라는 개념으로 알고있는 값이다.
웹브라우저 페이지를 기준으로 위치를 지정한다.

2. relative
ex)
<table id="MyTable" border="0" cellpadding="0" cellspacing="0" width="500">
<tr>
 <td><div id="Layer1" style="position : relative; top:0; left:0; width=100px; height:100px">contents</div></td>
</tr>
</table>
보통, 개체(table)에 종속적이다. 그 개체를 기준으로 위치를 지정한다.
위 예시의 경우 div는 MyTable 테이블을 기준으로(테이블안쪽) 좌상단에 위치한다