HTML 和 CSS 问题 : Element between two absolute-positioned elements needs to resize correctly

Question

#header
{
    position: absolute;
    top: 0%;
    height: 24px;
}
#body
{
    position: absolute;
    top: 24px;
    bottom: 20%;
    overflow: auto;
}
#footer
{
    position: absolute;
    bottom: 0px;
    height: 17.2%;
    min-height: 80px;
    overflow: auto;
}

我的问题是，当我压缩浏览器窗口时，中间元素(“正文”)开始滑入页脚区域(当距底部 20% 变得大于页脚的最小高度时)。页脚的高度可以大于其最小高度，但不能小于。

没有 Javascript 代码，有什么好的方法可以做到这一点？

Answer 1

没有。当一个元素被绝对定位时，它将从文档流中移除并且不知道任何其他元素。

我还没有看到适用于可变高度页脚的粘性页脚解决方案。