calc（）在Firefox中不工作

我正在尝试使用calc（）来使页面内容完美适合页面。我有一个高度为52px的标题。我试图使容器100％的页面完全适合页面，但它可以在Chrome，Edge和Internet Explorer中运行，但它不在Firefox中。calc（）在Firefox中不工作

铬： Chrome result

火狐： 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>

来源

2017-03-26 user7736094

我使用你的CSS，但得到的VS 2017年在这条线的高度评论尝试：-moz-钙（100％ - 52px）;它不是Height属性的有效值。任何想法？ – Mark

原来我需要身体的高度设置为100％它才能生效。只是觉得我会让其他用户知道，以防他们遇到同样的问题。

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

来源

2017-03-27 10:14:25 user7736094

calc（）在Firefox中不工作

回答

相关问题