将元素绝对定位到相对定位元素内的页面

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

您可以为顶部和左侧属性指定负值。我没有听到过它可能设置绝对坐标到由位置包裹的子块：亲属父。

Answer 2

没有伴侣，对不起，你不能。如果你知道你的div距离顶部多远，你可以使用负值将它推向你的位置，但它总是相对于你的父div。