1. static (default)
- postion : static; 은 position 속성의 default(기본값)입니다. 요소를 나열한 순서대로 배치하며
top, right, bottom, left와 같은 속성을 사용할 수 없습니다. (float 속성은 가능합니다.)
2. relative
- postion : relative; 는 자신이 있던 자리를 기준으로 움직이며
top,left,bottom,right를 사용해 위치를 이동시킬 수 있습니다.
3. absolute
- position : absolute; 는 특정 부모에 대해서 절대적으로 움직입니다.
이때 움직이는 기준은 가장 가까운 부모 요소 혹은 조상 요소 중 position 속성이 relative인 요소입니다.
만약 부모요소나 조상요소에 relative 가 없을경우 body를 기준으로 움직이며
left, right, top, bottom 속성값을 이용하여 요소를 위치시키는 속성값입니다.
4. fixed
- position:fixed; 속성값은 absolute 속성값과 마찬가지로 문서의 흐름과 상관없이 위치를 좌표로 결정합니다. relative되어있는 제일 가까운 부모 또는 조상 요소가 아닌 브라우저 창이 기준 (왼쪽 상단 꼭지점) 이 됩니다. 따라서 브라우저 창을 어디로 스크롤 하더라도 계속 고정되어 표시되게 됩니다.