html5: Üç satır sabit üst/alt ve birlikte flexbox'a kaydırılabilir orta

Question

o sabit header/footer ile html5 FlexBox düzeni ve firefox 24 ve krom 31 için aşağıdaki gibi bir kaydırılabilir article bölümü yapmak mümkün mü?

+----------+ 
| header | 
+----------+ 
| article || 
|   || 
|   || 
|   || 
+----------+ 
| footer | 
+----------+ 

denedim bu (basitleştirilmiş):

body { 
    display: flex; 
    flex-direction: column; 
} 
header { 
    flex: 1; 
} 
article { 
    flex: 8; 
    overflow-y: scroll; 
} 
footer { 
    flex: 1; 
} 

ve şimdi article uzay kalır ancak içeriği yükseklik pencere yüksekliğinden küçükse doldurmaya çalışıyorum altbilgi sabit değildir ve daha büyük ise, görüntülenebilir alanı dışında altbilgi kaydırdığı ...

Answer 1

muhtemelen yapmak gerekir emin vücut% 100 yüksek:

html, body { 
    margin:0; 
    height:100%; 
    min-height:100%; 
} 

fiddle yaptım.