Question

将绝对定位元素放置在位置 fixed 包装器内的位置 fixed 包装器中时，不应该是绝对元素位置相对于父母而不是固定父母？

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

我做了一个例子，因为问题很混乱（在IE和Chrome中比较示例时差异很明显）： https://jsfiddle.net/y4qgvemt/2/

在Chrome 7和Windows 7的IE 11中测试

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

Answer 1

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

源：