position

position 속성는 페이지 내에서 요소를 배치하여 좀 더 복잡한 레이아웃을 만들 수 있다.
position 속성의 종류로

  position: static;
  position: relative;
  position: absolute;
  position: fixed;
  ...

등이 있다.
static은 기본 값이다. static; 을 따로 설정을 하지 않아도 볼 수 있는 위치이다.
relative는 relative만 입력하여 설정하면 static과 다르지 않다.
하지만 top, right, left, bottom 을 따로 지정한다면 기본 위치를 기준으로 움직인다.
fix는 여러 사이트에서 쉽게 눈에 띈다.
예를 들어 쇼핑사이트에서 스크롤을 내릴때 따라오는 요소가 있다면 그 요소가 fix설정된 요소이다.
absolute는 기본 값에서 이동하는 것이 아닌 상대 값이 부모 요소를 기준으로 움직인다.