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/