calc（）がFirefoxで動作しない

Question

calc（）を使用してページの内容をページに完全に収めようとしています。私は52pxの高さのヘッダーを持っています。私はそれをページに完全に収まるようにページの100％をコンテナにしようとしていますが、Chrome、Edge、Internet Explorerで動作するので、Firefoxでは動作しません。

クローム： Chrome result

のFirefox： Firefox result

div#container { 
 

 
\t width: 20%; 
 

 
\t height: 100%; 
 

 
\t height: calc(100% - 52px); 
 

 
\t height: -moz-calc(100% - 52px); 
 

 
\t height: -webkit-calc(100% - 52px); 
 

 
\t float: left; 
 

 
}

<div id="container"></div>

Answer 1

が、私はそれを有効にするには100％に、本体の高さを設定する必要が判明。他のユーザーに同じ問題が発生した場合に備えて、私が他のユーザーに知らせることを考えました。

html, 
 
body { 
 
\t height: 100%; 
 
}