align-items / content在IE10 / 11中的容器上不起作用

Question

给出以下代码：

＆＃13;

＆＃13;

.FlexContainer {
  min-height: 100px;
  background-color: #ddd;
  display: flex;
  align-items: flex-end;
}

.FlexItem {
  background-color: #bbb;
  flex: 0 1 auto; /* set default for IE10 */
}

＆＃13;

<div class="FlexContainer">
  <div class="FlexItem">
    HELLO WORLD
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

我希望这些项目沿着容器的底部对齐：

然而，在IE10和11中，它似乎并不尊重它

这是IE的错误还是我在这里做错了，这个问题的解决方法是什么？