Safariのflexboxの動作が異なると、要素が固着しますか？

Question

position:absolute;に設定されたナビゲーションヘッダーがあたかもposition:fixed;のように動作しているSafari（ChromeとFirefoxで正常に機能します）に奇妙なバグがあります。

インラインスタイルは追加されず、クラスも変更されず、CSSは何も上書きしません。限り、私はフレックスボックスの実装の違いはそれを言うことができる？おそらく私はフレックスコンテナをネストしているからでしょうか？

ここでは何が起こっていますか？下記のChromeとSafariでCodepenを開き、違いを確認します。

http://codepen.io/mattaningram/pen/zqmyxZ

Answer 1

Welpは、質問を投稿した後、5分をそれを考え出しました。

明らかに、Safariは、フレックスコンテナの子がパーセンテージベースの高さを持つのが好きではないようです。私は単に.stuff-wrap要素の不要なheight:100%;を削除し、それをSafariで修正します。

これは、同じ問題を抱えている人々に役立ちます。