CSSグリッドを使用した固定フッターがFirefoxで失敗する

Question

私はCSSグリッド（現時点ではない）で遊んでいて、Firefoxで動作するように固定フッターを取得できません。 Chromeでは問題なく動作しますが、これはブラウザの問題ですが、私は地域の知識をより深く知っています。私はメイングリッドの要素であると私の体を設定し、そのような列/行を定義しています

：

今

body { 
    min-height: 100vh; 
    display: grid; 
    grid-template-rows: min-content min-content 1fr min-content; 
    grid-template-columns: 1fr 15em; 
    grid-template-areas: "masthead masthead" 
         "nav nav" 
         "main side" 
         "footer footer" 
} 

を、私は「は、グリッドのテンプレート行を引き受ける：MIN-コンテンツの最小 - content 1fr min-content 'は1,2行目と4行目が内容に基づいたサイズになり、3行目が残りの領域をすべて吸収することを意味し、Firefoxでは動作しません。

Codepen：http://codepen.io/anon/pen/NpzaRY

P.S.私はそれを私のDOMエクスプローラに追加する必要があります、ボディ要素は、ウィンドウの全体の高さを埋めるように正しく表示されます。

Answer 1

これはFirefoxのバグかもしれませんが、私は正直に分かりません。私はautoの代わり1frとなるだろう：

grid-template-rows: min-content min-content auto min-content; 

http://codepen.io/anon/pen/bqKoaK