为什么flexbox中的绝对定位元素在chrome上正确定位而不是IE11？

Question

我正在尝试使用flexbox将元素水平对齐在列的中心。这一切在Chrome中运行良好，但位置：绝对的项目不在IE11中心。 谢谢！

＆＃13;

＆＃13;

#container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.not_centered{
  position: absolute;
  flex: 1;
}

＆＃13;

<div id="container">
  <div class="not_centered">
  text
  </div>
  <div class="not_centered">
  text 2
  </div>
  <br>
  <div class="centered">
    centered
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

jsfiddle