[CSS] Position 에 대해 알아보자!

• static
  ⇒  기본값, html 에 정의된 순서대로 자연스럽게 보여지는것! 설정안하면 가장 기본값으로 되어 있음

 

• relative
  ⇒ 원래 있던 자리(static)를 기준으로 top bottom left right를 조정해서 설정함!!
  

  

 

• absolute
  ⇒ 부모 박스를 기준으로 정렬되는것! 
  

  

 

• fixed
  ⇒ 웹 페이지를 기준으로 정렬되는것
  

  

 

• sticky
  ⇒ 원래의 자리에 위치하나, 스크롤링 되어도 고정되어 있는것!