position 속성 - static, relative, absolute, fixed를 알아보자

[position] 

position 은 레이아웃을 배치하거나, 객체를 위치시킬때 사용하는 css 속성으로 상속되지 않는다. 위(top), 아래(bottom), 왼쪽(left), 오른쪽(right) 의 위치를 같이 설정 할 수 있다.

 

[종류]

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

relative : 위치를 계산할때 static의 원래 위치부터 계산한다.

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

fiexd : 원래 위치와 상관없이 위치를 지정할 수 있다. 하지만 상위 요소에 영향을 받지 않기 때문에 화면이 바뀌더라도 고정된 위치를 설정 할 수 있다. 브라우저 화면의 상대 위치를 기준으로 위치가 결정된다.