Position

◎ Position

- static, relative, fixed, absolute, sticky

- static: default

- relative: 1) 속성에 의해  2) 태그내에 마지막 위치를 기준

- fixed: IE에서는 지원하지 않기 때문에 JavaScript로 지정해야한다. 

- 참조: http://www.doxdesk.com/software/js/fixed.html

- absolute: relative to the nested positioned ancestor (자신의 부모를 기준으로 절대적인 위치 결정)

- 상위 엘리먼트의 좌측상단을 기준점으로 하여 지정된 오프셋 만큼 위치가 변경됨

- 화면에서 공간을 차지 하지 않음

- 보통 레이어라고 말하는 것은 이 절대위치 속성을 이용한 박스를 말함

- 참조: https://hyeonseok.com/pmwiki/index.php/Css/Position

- sticky: positioned based on the user's scroll position

- toggle between 'relative' and 'fixed'

- IE/Edge 15 and earlier X: -webkit-sticky

- overlapping: z-index (숫자가 높을수록 상위 레이어)

- clip: rect(top, right, bottom, left)

- overflow: visible; 이 있을 때는 적용 안 됨

- position을 통한 중앙 정렬