block, inline, position 완벽 정복

block

 - 한 줄에 하나씩 블록형태로 우리가 지정 한대로 표기됨 

 - div 

inline

 - 컨텐츠의 크기만큼 꾸며줌

 - span

inline-block

- 한 줄에 박스들을 넣는 대신 블록 형태로 우리가 지정 한대로 표기됨

position

 - 기본값은 static이다.( html에 정의되어 있는 순서대로 보이는 것)

 1) position:relative;

     - 처음 위치에서 css를 준 만큼 이동

  2) position:absolute;

     - 내 아이템과 가장 가까이 있는 박스 안에서 위치 변경됨

  3) position:fixed;

      - 박스 안에서 벗어나서 윈도우 안에서 움직임

  4) position:sticky;

     - 처음 위치에 있는데 스크롤 해도 원래 위치에 있음