我的HTML看起来像以下内容，但没有内容，因为以下内容只需要回答我的问题：
<html>
<body>
<div class="container">
<div class="socialmedia"></div>
<div class="navbar"></div>
<div class="mainbody></div>
<div class="footer"></div>
</div>
</body>
</html>
我一直在尝试使页脚保持在网页底部.mainbody下。但是问题是，页脚似乎仅位于窗口的底部，而不是网页的底部，当我有很多内容时，页面的底部可能会延伸到实际窗口之下。现在，我已将以上所有div设置为“绝对”位置；以及html和body的样式如下：
html, body{
height:100%;
margin:0;
padding:0;
}
html { background: url(/img/multiblock.png)repeat center center fixed; }
}
现在，让我的页脚停留在网页底部的唯一方法是将top：-3998px（或无论我最大的窗口高度是多少）。显然，一旦网页上有足够的内容将其扩展到该高度以上，该功能将无法使用。如果我将位置设置为相对，则它会出现在我整个网页的顶部，而如果是绝对位置，它只会出现在可见窗口的底部。您可以访问http://www.edmuncovered.com的网站以查看我的意思或查看其余的代码。我的网站的某些部分每天都会添加内容，因此，我想确保网页的高度可以随着添加的内容而增加，但是格式保持不变，页脚显然位于底部。有什么想法吗？
.socialmedia, .navbar, .mainbody, .footer
{
border: 1px solid grey;
margin-top: 5px;
width: 800px;
}
.socialmedia
{
height: 20px;
}
.mainbody
{
min-height: 980px;
}
.footer
{
height: 25px;
}
CSS