Html Safari问题与证明内容：flex-end；对齐项目：柔性端；

我正在设计一个messenger布局，我正在努力解决Safari上的一些问题，因为这似乎是一个兼容性问题

如果你在谷歌浏览器和Safari上打开这个链接。Google Chrome是正确的视图，但在Safari上显示不正确

我正在努力设置这门课

.self {
justify-content: flex-end;
align-items: flex-end;
}

---

请注意：只有Safari才是问题所在。IE、Chrome和Firefox都非常好

Safari<7.0仅实现了旧的2009 Flexbox规范，这与现代规范非常不同：

.foo {
    display: -webkit-box;
    -webkit-box-pack: start; /* justify-content */
    -webkit-box-align: start; /* align-items */
}

---

这可能会有帮助：

请注意正确的标记。这与Adobe/ApacheUI框架无关，因此我删除了Flex标记。我怀疑它与CSS框架FlexBox有关；所以我添加了Flexbox标签。如果不正确，您可以更正标记。哪个版本的Safari？Windows 5.1.7的最新版本