Flexbox mit festem Elemente

Question

Wenn ich einen Flexbox Behälter mit einem festen Kind habe, aber es scheint nicht, Elemente zu wickeln richtig:

<div id="parent"> 
    <div id="child-1"></div> 
    <div id="child-2"></div> 
</div> 

#parent { 
    display: flex; 
    flex: 1; 
    flex-direction: column; 
    flex-wrap: wrap; 
} 
#child-1 { 
    display: flex; 
    flex: 1 0 auto; 
    position: fixed; 
} 
#child-2 { 
    display: flex; 
    flex: 1 1 auto; 
    overflow-y: scroll; 
} 

Answer 1

Ich habe festes dies mit:

• parent:

  Anzeige: flex; Flex-Richtung: Spalte; Höhe: 100%;

• Kind 1:

  Anzeige: flex; flex: 1 0 auto; justify-content: Leerzeichen zwischen; flex-wrap: wrap;

• Kind 2

  Anzeige: flex; flex-wrap: wrap; flex: 1 1 auto; Überlauf-y: Auto;