positon 속성 - relative, absolute, fixed

position이란??

 

position은 레이아웃을 배치하거나, 객체를 위치시킬 때 사용하는 CSS 속성을 말한다. 

position 속성은 상속되지 않으며, 위(top), 아래(bottom), 왼쪽(left), 오른쪽(right)의 위치를 설정할 수 있다.

 

 positon 속성의 종류

 

static(기본값): 위치를 지정하지 않을 때 사용한다.

relative: 위치를 계산할 때 static의 위치를 기준으로 계산한다.

absolute: 원래의 위치와 상관없이 위치를 지정할 수 있으며, 가장 가까운 상위 요소를 기준으로 위치가 결정된다.

fixed: 원래의 위치와 상관없이 위치를 지정할 수 있으며, 상위 요소의 영향을 받지 않기 때문에 화면이 바뀌더라도 고정된 위치를 설정할 수 있다.