css - position (static, relative, absolute, fixed 차이)

element의 위치를 정할때 position을 사용한다.

현재의 element의 상황을 고려하여 기준을 정하고
그기준으로 부터 top, bottom, left, right의 속성을 사용해서,
위치를 디테일하게 잡으면 된다.

static : 프로그래밍에서 쓰는 static 키워드 처럼 위치 값이 먹지 않는다.
relative : 이전의 element가 기준이 된다 그로부터 위치값을 계산한다.
absolute : 부모 element가 기준이다. 그러나 static은 무시한다.
fixed : absolute 처럼 부모가 기준이나, 스크롤질을 해도 위치가 변경되지 않는다. 위젯으로 써먹기 딱 좋다.