Position

position:relative & absolute

position:absolute 속성은 부모 태그의 position 속성에 "static" 이외의 값이 설정되고 있을 경우 부모 태그의 좌상 부분이 좌표의 기준이 된다.

이전에 알고 있는 지식의 오류를 보여준다.
실제로 position:absolute로 부유하는 대상의 자식 element가 또 다시 position:absolute로 위치값을 잡아야 할 때, 부모 태그를 다시 감싸서 position:absolute 와 relative를 분리해야 한다고 생각했다. 하지만 잘못된 지식이다.
물론 부모 element가 현재 위치 값에 변동이 없다는 가정하에서 기준점을 옮기기 위해, position:relative 설정은 유효하다. 아래의 예제는 부모 ELEMENT의 position:absolute와 자식 ELEMENT의 position:absolute 와의 관계를 보여준다.

1단계
2단계
3단계