IE11 - 如果上方内容的高度大于 window 的高度，则页面底部的 "footer" 会被向下推

Question

我实现了一个 "footer"，它位于页面底部，如果上方内容的高度大于 window 的高度，它就会被向下推。这在 Chrome 上工作正常，但是如果上面内容的高度大于 window 的高度，IE11 不会下推页脚。 IE11 只是让内容溢出页脚:

我实现这个的方式只是一个上层弹性容器：

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

以及用于页脚的下部弹性容器：

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

我可以更改什么才能让它工作，这个 flex 布局甚至可以在 IE11 中工作吗？

Answer 1

原来改变上层 flex 容器的 css 如下：

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

问题已解决。不完全确定为什么，似乎是 IE11 特定的。

IE11 - a "footer" at the bottom of the page that gets pushed down if height of content above is greater than height of window