position

position: fixed;
고정좌표
-> 좌표 설정 (left, right, top, bottom)
-> 가로 사이즈가 콘텐츠의 크기만큼 설정
-> 스크롤에 영향을 받지 않음
-> 다른 콘텐츠와 겹칠 수 있음

부모(relative) / 자식(absolute)

position: relative;
상대좌표
-> 좌표설정 (left, right, top, bottom)
-> 위치하고 있는곳이 0점 좌표이고, 좌표값에 따라 설정됨
-> 가로사이즈(display 속성값 유지)
-> 스크롤에 영향을 받음

position: absolute;
절대좌표
-> 좌표 설정 (left, right, top, bottom)
-> 가로 사이즈가 콘텐츠의 크기만큼 설정
-> 스크롤에 영향을 받음
-> 다른 콘텐츠와 겹칠 수 있음

position:sticty;
relative + fixed
-> 스크롤 발생시 부모영역 안에서 좌표설정에 따라 고정됨
-> 반드시 좌표값을 설정해야 함 (left, right, top, bottom)