Позиционировать элемент абсолютно на странице в относительном элементе

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>

Я знаю, что удаление container3 из container1 было бы решением, но давайте предположим, что это невозможно, потому что я не могу контролировать шаблон, только CSS.

Answer 1

Нет, приятель, извините, вы не можете. Если вы знаете, как далеко ваш div от вершины, вы можете подтолкнуть его к своей точке, используя отрицательные значения, но он всегда будет относительно вашего родительского div.

Answer 2

Вы можете присвоить отрицательное значение верхнему и левому атрибуту.я никогда не слышал, чтобы можно было установить абсолютные координаты для дочернего блока, обернутого положением: относительный родитель.