Html Safari在Flexbox项目中是否存在垂直文本问题，还是我的问题？

Safari 10.0呈现此示例的方式与Firefox、Chrome、Microsoft Edge或Microsoft Explorer不同：红色div填充所有这些浏览器中的整个高度，而Safari中没有。问题似乎在于垂直文本-如何修复它

.outer{
显示器：flex；
高度：100px；
背景：绿色；
}
.内部{
显示：块；
背景：蓝色；
}
.测试{
显示：块；
-ms写入方式：tb-rl；
-webkit写作模式：垂直rl；
-moz写入方式：垂直rl；
-ms写入方式：垂直rl；
写入方式：垂直rl；
背景：红色；
}

一个
两个

Safari的确切行为是什么？蓝色div位于底部？蓝色div从上到下延伸（正如它应该的那样），但红色div只占用足够大的垂直空间的一部分来容纳文本“一”，并且在删除垂直文本行为时它是否完全拉伸？是的，在删除垂直文本修改器后，两个div都是“测试”和“内部”从“外部”分区的顶部到底部拉伸您是否可以尝试在容器（.outer）上对齐项目：拉伸