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