【发布时间】：2016-08-14 17:07:58
【问题描述】：
我无法将子元素与其父元素的末尾对齐。两者都是弹性元素。父元素的高度为：100%，子元素的高度为：align-self:flex-end。 此设置适用于所有主要浏览器（Firefox、Chrome、IE/Edge），但不适用于 Safari 9（以及一些支持 flexbox 的旧版本）。
它的外观如下： screenshot of the problem
这是复制粘贴的例子，你可以看到它在 Chrome 中有效，但在 Safari 中它在中间：
http://cdpn.io/usrbowe/pen/JXBjvv
问题是 .Row 上是 align-items: center，在 Safari 中优先级较高，所以子元素居中对齐。
【问题讨论】：
-
如果你能粘贴一个工作示例来证明它会更好。
-
好的，我在 codepen 中添加了工作示例
-
寻求代码帮助的问题必须在问题本身中包含重现它所需的最短代码。虽然您提供了link to an example or site，但如果该链接失效，您的问题对于未来遇到相同问题的其他 SO 用户将毫无价值。
-
我清除了大部分不必要的代码来调查这个问题。朋友，请在提交问题时这样做。 codepen.io/alexbea/pen/KzBXQJ。在 CodePen 中，您可以让它使用 Autoprefixer，仅此一项就可以使 Sass 更易于阅读。