css - IE，Position absolute 继承 position from fixed

Question

当将一个绝对定位元素放置在一个位置固定包装器中时，在一个位置相对包装器中，绝对元素位置不应该相对于相对 parent 而不是固定 parent ？

<div class="relative">
  <div class="fixed">
    <div class="absolute">
      Content
    </div>
  </div>
</div>

我已经举了一个例子，因为这个问题很困惑(比较 IE 和 Chrome 中的例子时，差异很明显): https://jsfiddle.net/y4qgvemt/2/

在 Windows 7 上的 chrome 52 和 IE 11 中测试

在 chrome 中，绝对定位元素距离右边 10 rem，但在 IE 中它一直在右边。这是 IE 中的故意错误还是一些奇怪的错误？如果是这样，有人知道解决它的方法吗？

Answer 1

绝对是相对于最近的非静态元素。固定的被认为是非静态的。

来源:

http://www.w3schools.com/css/css_positioning.asp