Safariでフレックスを表示する

Question

ここではほとんど問題はありません。

私はSafariとflexに問題があります。ここで

は、私はChromeとSafariの Result with chrome, firefox, ...と with Safariとの結果を達成したいものです。

とコード：

<style> 
    #div1{background:black;width:250px;height:600px;display:flex;flex-direction:column;padding-bottom:5px} 
    #div2{background:pink;color:#FFF;width:240px;height:200px} 
    #div3{background:blue;color:#FFF;width:240px;height:100%;position:relative} 
</style> 

<div id="div1"> 
    <div id="div2">test</div> 
    <div id="div3">test2</div> 
</div> 

あなたが任意のアイデアを持っていますか？

Answer 1

解決策が見つかりました。ここに私がやったことです：

#div3{ 
    background:blue; 
    color:#FFF; 
    width:240px; 
    height:100%; 
    flex:1 1 100%; 
    height:auto; 
}