Html 使用CSS的流体粘性页脚

我知道有数以百万计的例子与粘脚有关，但是，我正在寻找一个更具体的解决方案

如果内容较短，我想将页脚推到页面底部-我不想让页脚在那里停留较长的页面（即固定位置）

我已经有了一个javascript解决方案可以做到这一点，但是我正在寻找一个潜在的CSS专用解决方案，这样我就可以抛弃javascript了

我也知道flexbox解决方案，但考虑到目前对稀疏浏览器的支持，这也不是一个选项

那么，是否有一个CSS解决方案可以解决粘性页脚问题，允许页脚高度不固定，而不使用javascript或flexbox

---

CSS专家，非常感谢您的建议。

您可以尝试CSS表格方法：

html，正文{
身高：100%；
保证金：0；
}
身体{
显示：表格；
宽度：100%；
}
.包装纸{
显示：表格行；
身高：100%；
背景色：红色；
}
.页脚{
显示：表格单元格；
背景颜色：绿色；
}
h1{
调整大小：垂直；
溢出：自动；
边框：2倍实心；
}

调整我的大小
你好，
世界你有这样的例子吗？你现在有CSS吗？简言之，没有，你需要声明页脚高度或使用js计算高度。如果页面很长，你希望页脚怎么办？如果你有一个js示例，请发布一个JSFIDLE。否则很难理解你想要发生在页脚上