html - 使用可变高度内容使页脚填充页面的其余部分

Question

当正文高度可变时，有人可以指出我正确的方向以使页脚填充页面的其余部分。我能找到的所有解决方案都假设标题和正文的高度是固定的。提前致谢！

标签： htmlcssheightfooter

Answer 1

通过JS获取页面内容和浏览器窗口的高度，设置页脚高度为heightofpage-heightofcontent。

let pagecontentheight = document.getElementById('pagecontent').offsetHeight;
let browserheight= window.innerHeight;

let footer= document.getElementById('footer');
footer.style.height = browserheight - pagecontentheight;

这不会那样工作，但它会让你明白我的意思。