absolute : 절대적인
relative : 상대적인 -> 부모를 위치로해서 정해짐
css의 각각의 엘리먼트들은 position의 기본값을 가지고 있씁니다.(static)
static은 정적으로 left top button right 와 같은 offset 값을 무시하고 딱 원래 위치해야하는 그곳에 정적으로(static) 위치합니다.
우선 position : absolute 에대해서 알아보겠습니다.
예를들어 position : absolute 만 되있고 left , right 등이 설정이 안되어 있으면 원래있어야
left, right 등이 설정되면 브라우저 위치상으로 위치가 설정됩니다.
하지만, 부모에 static 값이 아닌 다른값(relative 등)이 지정되면 여러 부모가있어도 static 값들은 무시하고 static 아닌값이 나오면 그 부모의 위치를 기준으로 offset 값이 설정됩니다.
또한 부모와의 관계성도 끊기기 때문에 자신의 크기는 자신의 컨텐츠 크기만해집니다.
부모도 자식을 없는샘칩니다.
--
간단히 말하면, absolute는 해당위치가 담겨있는 태그의 맨위 태그에서 위치시작
relative는 현재위치에서 위치시작