Html Flexbox行换行在Safari中不起作用

使用OSX 10.12.4 safari 10.1版和flex

行换行器

无法按预期工作。我在这里看到了关于

行换行

不在safari中工作的其他问题，但到目前为止它对我没有帮助

这是我的html：

.container{
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：行；
弯曲方向：行；
-webkit柔性包装：包装；
柔性包装：包装；
}
.标题{
弹性：1100%；
-webkit flex:1100%；
-moz-flex:1100%；
}
.身体{
弹性：1；
-webkit-flex:1；
}

标题
身体

在

.body

中执行与在

.header

中相同的操作

.container{
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：行；
弯曲方向：行；
-webkit柔性包装：包装；
柔性包装：包装；
}
.container>div{
弹性：1；
-webkit flex:1100%；/*safari修复程序*/
}

标题
身体

使用

标记？@SankarshMakam在本例中，我只在div中包含文本，但在许多用例中还有其他内容，如彩色背景和多个输入，我习惯于将div作为这些内容的容器。谢谢。这是什么原因？在Safari中，我是否必须为要换行到下一行的行指定宽度？在使用

flex grow:1

时，设置flex基准（至少对我而言）这只是Safari换行的一个修复方法。