Ich möchte eine App in voller Höhe mit Flexbox verwenden. Ich habe mit der alten Flexbox (Anzeige: Box; und anderen Dingen) in diesem Link gefunden, was ich will:CSS3 Flexbox App in voller Höhe und Überlauf

Dies ist eine korrekte Lösung für die alte Version der CSS-Eigenschaften der Flexbox.

Wenn ich versuchen möchte, die neueren Flexbox-Eigenschaften zu verwenden, versuche ich, die zweite Lösung in demselben Link zu verwenden, aber die Flexbox zu "hacken"mit einem Container mit der Höhe: 0px; Hiermit wird ein vertikaler Bildlauf angezeigt.

Ich mag es nicht sehr, weil es andere Probleme mit sich bringt undEs ist eher ein Workarround als eine Lösung.

Ich habe eine Jsfiddle mit einem Basisbeispiel vorbereitet:http://jsfiddle.net/ch7n6/

#container {
    display: -webkit-flex;
    -webkit-flex-direction: column;
    height: 100%;
}
#container article {
    -webkit-flex: 1 1 auto;
    overflow-y: scroll;
}

Es handelt sich um ein "Full-Height-HTML-Web" und die Fußzeile befindet sich aufgrund der Flexbox des Inhaltselements unten. Ich schlage vor, Sie verschieben den Balken zwischen CSS-Code und Ergebnis, um eine andere Höhe zu simulieren.