CSS设计：保持相对位置，但停留在包含div的底部

首先，这里有一个链接：

我已经试了几个小时了，但似乎找不到解决办法

页面结构如下：

身体

有什么想法吗？同样，链接：

这是您需要的

您希望将页脚绝对定位在底部，然后在“页面”中添加相同数量的填充

这是你需要的

您希望将页脚绝对定位在底部，然后在“页面”中添加相同数量的填充

还有一个解决方案：） 将页脚放在页面包装外，然后：

#footer-wrapper {
    width: 962px;
    margin: -202px auto 0;
    height: 202px;
    position: relative;
}

#page {
    width: 962px;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

还有一个解决方案：） 将页脚放在页面包装外，然后：

#footer-wrapper {
    width: 962px;
    margin: -202px auto 0;
    height: 202px;
    position: relative;
}

#page {
    width: 962px;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

---

非常感谢你！通过您的输入，我能够实现我的目标，尽管我必须在页面包装器中放置一个垫片，以确保页面不会从页脚下溢。我的结果是：非常感谢！通过您的输入，我能够实现我的目标，尽管我必须在页面包装器中放置一个垫片，以确保页面不会从页脚下溢。我的结果：谢谢你的投入！我在你的启发下成功地实现了这一点，将页脚包装从页面包装中取出，并创建了一个间隔，以防止页面在页脚下流动。如果你发现这个问题，请评论=）谢谢你的意见！我在你的启发下成功地实现了这一点，将页脚包装从页面包装中取出，并创建了一个间隔，以防止页面在页脚下流动。如果你发现这个问题，请评论=）

#footer-wrapper {
  bottom: 0;
  height: 202px;
  margin: 30px 10px 10px !important;
  position: absolute;
  width: 962px;
}

#page {
  background: none repeat scroll 0 0 whitesmoke;
  border: 1px solid white;
  height: 300px;
  margin: 50px 10px 320px;
  width: 960px;
}

#footer-wrapper {
    width: 962px;
    margin: -202px auto 0;
    height: 202px;
    position: relative;
}

#page {
    width: 962px;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}