[CSS]position과 display 속성

Position 속성

: 문서 상 요소를 배치하는 방법을 지정하는 속성

- static: 기본값, 왼쪽 상단부터 일반적인 흐름에 따라 배치

- relative: 원래 위치를 기준으로 상대적 배치

- absolute: 부모 요소를 기준으로 배치, 다른 요소에 영향을 미치지 않음

- fixed: 지정된 위치에 고정

- sticky: 특정 위치에 있다가 일정 스크롤 위치를 지나면 fixed와 같이 동작

 

 

Display 속성

- block: 전체 너비를 차지

- inline: 요소들을 한 줄에 표시

- none: 요소를 보이지 않도록 함

- flex: flexbox 모델을 위한 속성 값