相对于页面定位嵌套DIV而不是第一个定位的祖先

Question

是否有任何方法可以将嵌套的DIV（或任何其他嵌套的HTML元素）相对于页面放置（因此0,0会将它放在页面的左上角），当它有一个定位的祖先时，没有使用javascript。

使用position:fixed将无效，因为这会将其相对于视口定位，因此如果滚动页面，它就不会移动。

使用position:absolute将无效，因为我询问有定位祖先的嵌套DIV。这将导致位置相对于定位的祖先。

Answer 1

不，没有脚本就无法做到......

...除非外部元素的左/上位置已知/固定，如本例中

.nr1,
.nr2 {
  position: absolute;
  width: 300px;
  height: 100px;
}

.nr1 {
  left: 50px;
  top: 50px;
  background: red;
}
.nr2 {
  left: 0;
  top: 0;
  background: blue;
  margin: -50px 0 0 -50px;
}

<div class="nr1">
  <div class="nr2">
  </div>
</div>