Css 如何在Firefox中对未定义大小的flexbox元素强制溢出？

下面的代码在Chrome中工作得很好，但在Firefox中却不行。您会注意到页眉、页脚和侧边栏的高度没有定义，但是侧边栏仍然会沿着y轴溢出内容。这在Chrome 40.0.2214.94 64位中是正确的，但在Firefox 35.0.1中不正确。为了让它工作，我应该对它应用什么CSS

另外，如果无法运行下面的代码段

html，
身体{
字体大小：14px；
}
* {
框大小：边框框；
}
.集装箱{
宽度：100vw；
显示：-网络工具包盒；
显示器：-moz盒；
显示：框；
显示：-webkit flex；
显示：-moz flex；
显示：-ms flexbox；
显示器：flex；
高度：100vh；
-网络工具包盒方向：垂直；
-莫兹盒方向：垂直；
盒子方向：垂直；
-webkit柔性方向：列；
-moz-flex方向：列；
弯曲方向：立柱；
-ms-flex方向：列；
最大高度：100vh；
溢出：自动；
}
标题，
页脚{
填充：1rem；
宽度：100%；
}
标题{
背景：番茄；
}
.侧边栏-1，
.侧边栏-2{
填充：1rem；
溢出y：滚动；
最大宽度：20vw；
}
.内容容器{
-webkit-box-flex:1；
-moz-box-flex:1；
箱型柔性：1；
-webkit-flex:1；
-moz-flex:1；
-ms-flex:1；
弹性：1；
显示：-网络工具包盒；
显示器：-moz盒；
显示：框；
显示：-webkit flex；
显示：-moz flex；
显示：-ms flexbox；
显示器：flex；
-webkit盒方向：水平；
-moz盒方向：水平；
盒子方向：水平；
-webkit柔性方向：行；
-moz弯曲方向：行；
弯曲方向：行；
-ms柔性方向：行；
}
.侧边栏-1{
-webkit盒序数组：3；
-moz盒序数组：3；
箱顺序组：3；
-网络工具包订单：3份；
-莫兹顺序：3；
顺序：3；
-ms弹性订单：3份；
背景：#afc5cf；
}
.主要内容{
-webkit-box-flex:1；
-moz-box-flex:1；
箱型柔性：1；
-webkit-flex:1；
-moz-flex:1；
-ms-flex:1；
弹性：1；
-webkit盒序数组：2；
-moz盒序数组：2；
盒序组：2；
-网络工具包订单：2份；
-莫兹顺序：2；
顺序：2；
-ms弹性订单：2份；
背景：#e6；
}
.侧边栏-2{
-webkit盒序数组：1；
-moz盒序数组：1；
箱序组：1；
-网络工具包订单：1；
-莫兹顺序：1；
顺序：1；
-ms弹性订单：1；
背景：#cfafaf；
}
页脚{
背景:#bacfaf；
}

你好
Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

Lorem ipsum dolor sit amet，奉献精英。我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是，我的工作是

.container {
     overflow: auto !important;
}