Html 在CSS网格中100%替换1fr

我正在创建一个新的布局，遇到了100%价值的问题，因此我的问题是：

是否有其他方法将1fr值替换为100%以外的值

请参见下面的示例：

.container{
显示：网格；
网格模板区域：“页眉”“导航主视图旁边”“页脚页脚”；
身高：100%；
宽度：100%；/*这是必要的吗*/
网格模板列：250px 1fr 220px；/*此处*/
网格模板行：133px 1fr 50px；/*和此处*/
网格间距：0；
}

我把它改成100%像这样

250px 100%220px但它给出了错误，中间部分实际上大于100%，使第一个和第三个div变小

我只想要桌面设计（不接受其他设备）
您好，欢迎使用Stack Overflow！是的，因为您要求该行的大小为
.container
的100%，所以它将吹出网格。没有什么可以替代1fr，1fr是一个计算，意味着剩余空间的100%，但您可以通过将所有轨迹大小百分比相加到100来近似计算。你应该提供更多关于你试图达到的目标的详细信息，以获得更具体的答案。你可以使用
calc（100%-250px-220px）
（或者只是
calc（100%-470px）
），但是做CSS将为你做的计算似乎有点愚蠢。那么你的意思是1fr是这个计算的结果吗？Dreamweaver在代码中显示错误，当我让1fr为时，这就是为什么我想更改它1fr是正确的，即使出现错误，您也可以保留它。很多工具还没有更新到可以识别新的CSS值，欢迎使用Stack Overflow！是的，因为您要求该行的大小为
.container
的100%，所以它将吹出网格。没有什么可以替代1fr，1fr是一个计算，意味着剩余空间的100%，但您可以通过将所有轨迹大小百分比相加到100来近似计算。你应该提供更多关于你试图达到的目标的详细信息，以获得更具体的答案。你可以使用
calc（100%-250px-220px）
（或者只是
calc（100%-470px）
），但是做CSS将为你做的计算似乎有点愚蠢。那么你的意思是1fr是这个计算的结果吗？Dreamweaver在代码中显示错误，当我让1fr为时，这就是为什么我想更改它1fr是正确的，即使出现错误，您也可以保留它。许多工具仍然不能识别新的CSS值