CSS position

relative

원래 위치를 기준으로 배치됩니다.

자기자리 기준이 있다.

 

css {

   top: 10px;

   left: 10px;

}

위와 같이 이동할때 원래 기준점에서 자리를 차지한다.

 

 

absolute

뷰포트를 기준으로 배치하는 대신 가장 가까운 위치를 조상을 기준으로 요소 가 배치됩니다.

뷰포트 : 기준점이 상위요소에서 명확하게 지정된 것. (position relatice 또는 absolute)

이동시 자기자리 사라지고 아래 컨텐츠  당겨져옴