Safari（iOS 和 OSX）不显示 position: absolute inside flexbox

Question

我有一个项目，我正在使用 position: absolute 将名字放在排行榜上。这是在一个 div 里面，它有 scroll: auto 并且也是一个 flexbox（来自 Bootstrap）。这在 Chrome 上工作正常，但是尝试在 Safari 上使用它最终导致名称根本不出现。

我这里有一个简化版的JSfiddle：https://jsfiddle.net/gfbu0aez/4/

如果你在 Chrome 中打开它，数字显示得很好，但在 Safari 中打开它什么也没有显示。

Answer 1

从您的 .container class 中删除 height: 100%;，因为 flex-grow: 1; 已经满足了您的需求。

有关详细信息，请参阅 。