绝对定位和css粘性页脚

这是我的问题，我正在使用一个有粘性页脚的布局（使用cssstickyfooter.com方法）。在我的container div中有一个content div，其中还有四个div。像这样：

<div class="container">
    <div class="content">
        <div id="1"></div>
        <div id="2"></div>
        <div id="3"></div>
        <div id="4"></div>
    </div>
</div>
<div class="footer"></div>

为了粘滞页脚能够正常工作，所有div都需要有

位置：relative设置，因为div将有不同长度的内容，它们需要相应地重新调整大小。然而，我的困境开始了，我需要让div1-4有
位置：绝对设置，这样它们将堆叠在具有相同（x，y）位置的彼此之上

有什么方法可以实现我所需要的吗？
我通常只使用以下方法将div“粘贴”到页面（或容器）的底部：

将“位置”设置为“绝对”后，它将独立于外部div及其位置/尺寸
 我推荐的sticky footer，效果非常好


*{
保证金：0；
}
html，
身体{
身高：100%；
}
.包装纸{
最小高度：100%；
高度：自动！重要；
/*除非您需要IE6支持，否则不需要这一行和下一行*/
身高：100%；
保证金：0自动-20px；
/*底部边距是页脚高度的负值*/
}
.页脚，
.推{
高度：20px；
/*.push的高度必须与.footer的高度相同*/
}

你的网站内容在这里

版权所有（c）2008

如果要执行此操作，请不要忘记在底部添加边距，否则会掩盖内容！这对我不管用。一旦我将.footer改为绝对值，它就会从页面上消失。你能发布你的代码吗？一旦我看到您正在尝试执行的操作，我将发布正确的代码…此外，您可以尝试设置z索引，以便页脚不会在另一个元素下结束。该链接不再可用。如果您感兴趣，可以这样做
.footer {position:absolute;bottom:0;left:0;}