CSS position:absolute 위치를 상대경로로 잡기

<div style="position:relative;"> //부모 div 에 relative 시 상대경로로 잡겠다고 설정하는것

<div style="position:absolute;top:100px;left:100px;"> //자식 div 에 absolute 시 부모 좌표값 기준으로 top , left 이동함

 

모니터 좌표 0,0 기준이 아닌 부모의 div가 있는 위치 기준으로 잡음.

 

예로 노트에 포스트입을 100,100 위치에 붙인뒤 두번째 포스트입을 100,100 으로 붙이라고 하면 위 설정에서는 두번째 포스트가 실재로는 200,200 에 붙게 되는것입니다.