css Position 에 대한 설명

position 이란?

HTML 문서상에서 요소가 배치되는 방식을 결정 하는 것을 말한다.

position 4가지 방식

• static - 정적 위치 지정 방식
• relative - 상태적 위치 지정 방식
• fixed - 고정 위치 지정 방식
• absolute - 절대 위치 지정 방식

1. static

position의 기본 값 으로 위치를 지정할수 없으며 왼쪽에서 오른쪽, 위에서 아래로 쌓인다.

2. relative

기본위치를 기준으로 위치를 설정하는 방식이다. 상하좌우 로 이동 할수 있다.

3. fixed

스크롤을 이동하여도 그 자리에 고정 되어있는 방식이다. 뷰포트 기준으로 상하좌우 위치를 설정 할수 있다.

4. absolute

가장 가까운 relative 부모 기준으로 위치를 이동 한다. 상하좌우 으로 이동 할수 있다.