我正在玩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资源管理器中添加它,正文元素被正确显示为填充窗口的整个高度。
答案 0 :(得分:2)
这可能是一个Firefox错误,但老实说我不知道。我会选择auto
代替1fr
:
grid-template-rows: min-content min-content auto min-content;