在IE11中，Flexbox页脚元素不会粘到底部

Question

我使用Flexbox布局网站，IE11播放效果不佳。页脚元素应位于页面底部或内容底部，以较长者为准。这适用于所有其他浏览器，包括IE10。但在IE11中它并没有坚持到页面的底部。根据{{​​3}}，justify-content属性不需要任何供应商前缀。是什么赋予了？为什么在IE11而不是IE10中会中断？

这是我正在使用的实时网页：https://msdn.microsoft.com/en-us/library/jj127304(v=vs.85).aspx

Answer 1

请阅读http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/以获取完整说明。

实际解决方案应用以下更改

#rap{height:100vh;}/*change min-height to height*/
#rap > header,
#rap > footer{flex-shrink:0}
#rap > main{flex: 1 0 auto;}