Position 속성

CSS에서 자주 사용되는 position의 속성 3가지를 알아보자.

Relative

relative는 현재 지정된 위치로부터 포지셔닝되어 상하좌우로 값을 할당하면 이동하는 속성이다. 자기 자신을 기준으로 삼는다.

Absolute

absolute는 현재 속해있는 부모 요소의 위치로부터 포지셔닝되어 상하좌우로 값을 할당하면 이동하는 속성이다. 부모 요소를 기준으로 삼는다.

Fixed

fixed는 윈도우내 최상단 왼쪽의 위치로부터 포지셔닝되어 상하좌우로 값을 할당하면 이동을 하지만, 위 아래로 스크롤 시 사라지지 않고 고정되어 있다. 웹사이트내 배너를 예로 들 수 있다. 뷰포트를 기준으로 삼는다.