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

标签 html css height footer

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

最佳答案

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

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

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

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

关于html - 使用可变高度内容使页脚填充页面的其余部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51375307/

相关文章:

php - 准备语句结果以使用 MySQL 表字段填充 HTML 表

jquery - 如何获取标签内标签的内容

html - div元素不听话

html - 为什么我的内嵌 block div不对齐?

html - HTML/CSS固定图片大小,因此在浏览器较小时不会调整大小

php - 按窗口高度的比例更改多个 div 的高度

javascript - 显示/隐藏带有文本的div

javascript - 使用 javascript 加载元素然后应用它们 javascript

css - 如何使用纯 CSS 将基于百分比的定位应用于背景图像 Sprite ?

html - Opera 和 IE8 100% Height with bottom padding BUG