Display flex mit Safari-Problem

Question

Wenig Problem hier.

Ich habe ein Problem mit Safari und flex.

Hier ist, was ich mit Chrom und das Ergebnis mit Safari erreichen will Result with chrome, firefox, ... und with Safari.

Und der Code:

<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> 

Sie irgendwelche Ideen haben Sie?

Answer 1

Ich fand die Lösung. Hier ist, was ich getan habe:

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