[CSS] 포지션(Position)

코드잇 스프린트 4기

2주 차 위클리 페이퍼

 

포지션(Position)

요소를 배치하는 방법을 지정.

top, right, bottom, left 속성과 함께 사용.

 

종류

static

기본값(default)으로 원래 있어야 할 위치에 배치.

 

relative

원래 있어야 할 위치를 기준으로 배치.

원래 자리를 차지한다.

 

absolute

가장 가까운 포지셔닝(positioning)된 조상을 기준으로 배치.

원래 자리를 차지하지 않는다.

 

fixed

브라우저 화면 기준으로 고정되어 배치.

원래 자리를 차지하지 않는다.

 

sticky

원래 있어야 할 위치에 있다가 정해진 위치에 스크롤 되면 fixed 처럼 고정되어 배치.

원래 자리를 차지한다.

 

감사합니다.