2023-03-08(수) z-index,position(absolute,fixed)

2023-03-08(수)

● z-index
   - 겹치는 도형의 위 아래 보내기
   - position : relative 필요
   - z-index : 2; 이런식으로 사용

● absolute
   - position : absolute 로 작성
   - 바로 위 컨테이너에 relative가 없다면 화면 최상단좌측을 기준으로 이동
   - 바로 위 컨테이너에 relative가 있다면 해당 컨테이너 최상단좌측을 기준으로 이동

● fixed
   - position : fixed 로 작성
   - 화면을 줄이든 늘리든 뷰포트 기준으로 위치지정