position

position 이란?

- 컨텐츠의 위치를 상대적으로 움직일수 있게 하는 CSS property

position의 종류

• static
• relative
• absolute
• fixed

position의 효과

• static
  position의 기본값

• relative
  
  position:relative는 요소가 원래 있어야하는 위치에서 상대적으로 이동하게 한다

• absolute
  
  position: absolute는 요소의 부모 태그 중 position값을 갖는 부모의 박스를 기준으로 박스 안에서 움직인다

• fixed
  position: absolute는 body안에서의 위치가 아닌 브라우저의 화면에 고정된다
  header, footer등을 구현하는데 이용된다