Day 17 CSS 속성 (4) 배치

2022-04-15

position

요소의 위치 지정 기준

기본값 기준 없음, static
relative 요소의 자신을 기준
absolute 위치 상 부모 요소를 기준 (위치 상 부모 요소를 꼭 확인)
fixed 뷰포트(브라우저)를 기준
sticky 스크롤 영역 기준

z-index

요소의 쌓임 정도를 지정

기본값 auto 부모요소와 동일한 쌓임 정도
숫자 숫자가 높을 수록 위에 쌓임

position 속성을 사용한 요소의 display가 자동으로 변경됨

position 속성의 값으로 absolute, fixed가 지정된 요소는, display 속성이 block으로 변경됨