IE11-页面底部的“页脚”，如果上方内容的高度大于窗口高度，则该页脚将被下推

Question

我实现了一个“页脚”，该页脚位于页面底部，如果上方内容的高度大于窗口的高度，则会被压低。这在Chrome上可以正常使用，但是如果上方内容的高度大于窗口的高度，则IE11不会按下页脚。 IE11只是让内容溢出页脚：

这是演示的小提琴：https://jsfiddle.net/6zrk5adu/2/

我实现的方法只是一个上层Flex容器：

.upper-flex-container {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

还有一个用于页脚的下部flex容器：

.build-version-flex-container {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 75px;
  display: flex;
  justify-content: space-between;
}

我可以对此进行哪些更改，并且该弹性布局甚至可以在IE11中完全使用？

Answer 1

结果如下所示更改了上层flex容器的css：

.upper-flex-container {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}

解决了问题。不太清楚为什么，但是似乎是IE11特有的。

https://jsfiddle.net/4xtjw35k/4/