Html 如何使div中的元素不受静态页脚的阻碍？

在本例中，我创建了一个静态页脚和div-like按钮（通常位于底部）内的元素，我设法使div的高度变大，但发现当div内的元素被增加和扩展时，使用它是没有效率的。是否有其他建议动态地进行？谢谢

示例输出可能如下所示：

---

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

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

这里是一个关于JSFIDLE的示例

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

下面是一个关于JSFIDLE的示例

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

---

您可以将

padding bottom

添加到内容容器div。您可以将

padding bottom

添加到内容容器div。

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

html, body {
    height: 95%;
}

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

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