position:relative test

position:absolute-->웹브라우저의 왼쪽 모서리를 기준으로 함
position:relative --> 앞선 태그의 내용 하단으로부터 top이 시작되고, left는 브라우저의 왼쪽테두리가 0 이 됨

참고: div나 span태그에 적용하는 width, height속성은 웹 페이지의 내용으로 볼수 없고, 태그의 바디에 있는 글이나 그림 혹은 <br> 등이 있을 때는 내용으로 볼 수 있다.
....................................................................................................................................