CSS position 속성과 inline

0. static

css 에서 지정된 default 값, position 은 기본값으로 static을 가지고 있는데 html에 정의된 순서대로 브라우저에 나타나는 속성

1. relative

원래 있는 자리에서 상대적으로 설정한 값만큼 옮겨가는 속성

2. absolute

item 이 담겨있는 가장 가까운 코드안에서 위치변경이 일어나는 속성, default 값에서 설정한 값만큼 이동한다

3. fixed

페이지기준에서 설정한 값만큼 이동한다

4. inline

display 값을 inline 로 바꾸면 컨텐츠의 크기만큼 보여진다 (CSS 에서 width, height 를 정의한거와 상관없이 )

5. inline-block

display 값을 inline-block 로 바꾸면 한줄에 여러개로 block 이 보여진다 ( 컨텐츠의 크기와는 상관 없이 CSS 에서 width, height 를 정의 한 크기로 block 이 보여진다 )

6. block

display 값을 block 로 바꾸면 한줄에 하나씩 block 이 보여진다