使用CSS网格的粘性页脚在Firefox中失败

时间:2017-03-24 09:45:46

标签: css css-grid

我正在玩CSS网格(目前还没有人),而且我无法在Firefox中使用粘性页脚。它在Chrome中工作得很好,所以这可能是一个浏览器问题,但我会向社区提供更多的知识。

我将我的身体设置为主要网格元素并定义列/行,如下所示:

{{1}}

现在,我假设'网格模板行:min-content min-content 1fr min-content'将意味着第1,2和4行将根据其内容采用大小,第3行将吸收所有剩余空间,以及它在Chrome中的工作方式,而不是Firefox。

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

P.S。我应该在我的DOM资源管理器中添加它,正文元素被正确显示为填充窗口的整个高度。

1 个答案:

答案 0 :(得分:2)

这可能是一个Firefox错误,但老实说我不知道​​。我会选择auto代替1fr

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

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