我目前有一个website我希望页面和页脚的主体部分（在标题图片和导航栏下方）始终占用可用的视图空间，但要在下面展开如果有更多内容，这就是这个。我已经将我的容器类主体min-height设置为calc()函数。 HTML和CSS已在Safari和Chromium中经过测试和正确运行，但它无法在Firefox上按预期运行。这个问题在校友页面上最明显，该页面目前没有内容，也出现在足够大的屏幕上的媒体页面上。我有什么不对的吗？
答案 0 :(得分：0)
100％高度表示内容高度的100％。说实话，我不知道为什么它适用于铬而不是firefox。
您需要的是100％的视口。有很酷的vw和vh单位。 （See availability.）。
如果您将min-height更改为min-height: calc(100vh - 268px) !important;，则会有效。
如果你想要旧式解决方案，你可以谷歌100% height css，例如enter link description here
P.S。：fix your CSS。