Почему абсолютно позиционированные элементы в центре flexbox правильно расположены на хроме, но не в IE11?

Я пытаюсь получить элементы, горизонтально выровненные по центру столбца, используя flexbox. Все работает отлично в Chrome, но элементы с позицией: абсолютные не центрируются в IE11. Благодарю!

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

.not_centered{
  position: absolute;
  flex: 1;
}
<div id="container">
  <div class="not_centered">
  text
  </div>
  <div class="not_centered">
  text 2
  </div>
  <br>
  <div class="centered">
    centered
  </div>
</div>

jsfiddle

0
20 апр. '17 в 19:50
источник поделиться

Посмотрите другие вопросы по меткам или Задайте вопрос