css의 각각의 엘리먼트들은 position의 기본값을 갖고 있다. 그 값은 static이다. static을 지정하게 되면 left, top, botton, right와 같은 offset값을 무시하고 딱 자기가 원래 위치해야 되는 그곳에 정적으로, 영어로는 static(위치를 지정하지 않은 것)하게 위치하게 되는 것이다.
or
원래 자기가 위치해야 하는 그 곳, 부모 엘리먼트의 아래! 자기가 있어야되는 위치를 기준으로 해서 상대적으로 100px만큼 왼쪽으로 가게하고 싶다 또는 위에서 아래로 내려가게 하고 싶다면 position에 relative(상대적인)으로 지정하면 된다. 결론은 우리가 left, top 등과 같이 offset을 사용하기 위해서는 최소 position: relative;를 사용하면 된다. 그리고 우리가 position을 지정하지 않은 경우엔 static이라고도 하고, 위치와 관련된 설정을 하지 않은 상태라고 얘기할 수 있다.
or
가정해보면 하나의 웹페이지에 있는 가장자리에 있는 경계에 있는 태그인 html 엘리먼트를 기준으로 해서 우리들의 위치를 지정하고 싶을 수 도 있다. 그런 경우에는 position: absolute;를 사용하면 된다. 또한 position: relative; 브모 엘리먼트의 아래 자기가 있어야되는 위치를 기준으로해서 상대적인 것이 아니라 부모엘리먼트이 위치를 기준으로 자기의 위치가 생기는 것이다. 그리고 position: absolute;는 그 위치가 기본값으로 left와 top값으로 지정된다. 결론은 html을 기준으로 해서 위치가 바뀌게 된다. position: absolute;는 더 이상 부모의 소속이 아니다. 즉 부모태그안에있는 자식태그와 부모태그가 링크가 끊어지게 되는 것이다(부모와는 상당히 무관하다).