상대 위치 요소 내 페이지 절대 위치 요소

Question

상대 위치 컨테이너 내 요소를 문서에 절대 배치 할 수 있습니까? 코드에 따라

는 :

<div id="container1" style="position: relative"> 
    <div id="container2" style="position: absolute; top: 5px; left: 5px"> 
     I will be positioned inside my parent!! 
    </div> 
    <div id="container3" style="position: absolute;"> 
     I would like to be positioned relative to the document. But how? 
    </div> 
</div> 

나는 container1에서 container3를 이동하는 것은 해결책이 될 수 있지만,이 전 단지 CSS를 통해 템플릿을 통제 할 수 없기 때문에 그것이 불가능 가정하자 것이라는 점을 알고있다.

Answer 1

아니요, 죄송합니다. div가 상단에서 얼마나 멀리 떨어져 있는지 알고 있으면 음수 값을 사용하여 div에 푸시 할 수 있지만 항상 부모 div에 상대적입니다.

Answer 2

위쪽 및 왼쪽 속성에 음수 값을 지정할 수 있습니다. 나는 위치에 의해 감싸 인 자식 블록에 상대 좌표를 절대 좌표로 설정할 수 없다는 말을 결코 들어 보지 못했다.