html - 如何使 div 内的元素不受静态页脚的阻碍？

Question

在这种情况下，我创建了一个静态页脚和像按钮一样的 div 内的元素（它总是在底部），我设法使 div 的高度更大，但发现当里面的元素使用时效率不高div 增加和消耗。是否有其他建议可以动态生成它？谢谢。

示例输出可能如下所示：

Answer 1

当您说静态时，您是指窗口底部的固定位置吗？如果是这样，那么无论您的高度如何，例如 20 像素，都将主区域的底部填充值设为主区域的值，然后主区域中的任何内容都将被页脚的高度相等地填充并且将被看到。

Answer 2

这是JSFiddle 上的一个工作模型。

在HTML中，有 2 个 div，“wrapper”和“footer”，例如：

<div id="wrapper">
    line 1 <br />
</div>
<div id="footer">
    footer text
</div>

在CSS中：

html, body {
    height: 95%;
}

#wrapper {
    min-height: 100%;
    margin-bottom: -1.5em;
    padding-bottom: 1em;
}

#footer {
    position: absolute; !important
    bottom: 0;
}