일반적으로 absolute는 절대좌표를 가지지만,
부모 relative인 A -> 자식 absolute인 B 일때,
자식 B는 부모 A의 상대좌표를 가진다.

position:static [기본값(정적좌표)]

position:absolute [절대좌표]
- 정적(static)이 아닌 위치를 가지는 부모 요소(parent element)에 상대적으로 위치(일반적으로 html)

position:relative [상대좌표]
- 부모 요소에 대해 상대좌표를 가진다.

position:fixed [고정좌표]
- 화면에 대해 상대좌표를 가진다.(화면 스크롤 시에도 화면의 그자리 유지)

position:sticky [fixed OR relative]
- 스크롤 위치를 기준으로 상대좌표 또는 고정좌표를 가진다.
- [고정좌표 fixed]화면 밖으로 나가려고 하는 경우 
- [상대좌표 relative]화면 내에 존재할 경우

[위치정하기]
top:0;
bottom:0;
left:0;
right:0;
[화면을 넘기면]
overflow: visible|hidden|clip|scroll|auto|initial|inherit;
auto, scroll(스크롤 생기기), hidden(숨기기), clip, visible, initial(이 프로퍼티의 기본값), inherit(부모 프로퍼티의 값)

cursor
clip
z-index