Safari Flexbox，可滚动，100vh问题

Question

我正在构建100％高度的应用程序边栏，需要滚动并在底部保留一些链接。我的解决方案在Chrome中运行良好，但Safari中存在重叠问题。

基本位是这样的：

position: fixed; 
left: 0; 
min-height: 100vh; 
height: 100vh; 
display: flex; 
flex-direction: column; 
width: 180px; 
justify-content: flex-start; 
overflow-y: scroll 

退房的Codepen这里：

http://codepen.io/jackmcdade/pen/PZveXo?editors=1100

任何帮助或洞察力的赞赏！我担心它可能是这样的Webkit Bug

Answer 1

菲利普沃尔顿的flexbox解决方法＃1是答案。添加这些孩子挠性元件的工作：

flex-shrink: 0; 
flex-basis: auto; 

https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored