Javascript 页脚只贴在屏幕底部，不贴内容

首先，我会说，我之所以发布这篇文章，是因为在这个网站上的任何回复对这个话题都没有任何帮助，因为我尝试过的解决方案都不起作用。（如果我错过了一个，我道歉）

链接：nova.it.rit.edu/~whateverok/index.php

我试过：

   <div id="mainHead">
    other divs to hold header
    </div>
    <div id="wrapper">
    <div id="content">
    content here
    </div>
    </div>
    <div id="footer">
    <footer>
    content here
    </footer>
</div>

使包装器位置相对，并在底部添加任何填充物都没有帮助。 将页脚位置设置为绝对位置没有帮助。它只会显示在屏幕底部，而不会显示内容。因此涵盖了一系列内容

我读过这些：

   <div id="mainHead">
    other divs to hold header
    </div>
    <div id="wrapper">
    <div id="content">
    content here
    </div>
    </div>
    <div id="footer">
    <footer>
    content here
    </footer>
</div>

• matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

• org/support/topic/fixed-footer-covering-content

• webdeveloper.com/forum/showthread.php？202513将页脚放在底部，而不考虑内容高度

• 任何与此相关的问题，请访问本网站

• 还有一些我想不起来了，是的，甚至有些网站链接到的粘性页脚（cssstickyfooter.com/）

基本结构：

   <div id="mainHead">
    other divs to hold header
    </div>
    <div id="wrapper">
    <div id="content">
    content here
    </div>
    </div>
    <div id="footer">
    <footer>
    content here
    </footer>
</div>

是的，有些可能是不必要的，但我一直在尝试一切。 我不能使用的：JQUERY “位置固定”也不起作用，因为它包含内容。此外，它只需要在内容的末尾

这是一个学校项目。我有我的限制。必须与IE8兼容。 如果有人知道解决方案，Javascript是可以的。

在顶部创建另一个名为“Container”的DIV，然后将footer DIV添加到它的末尾

<div id="container">
   <div id="mainHead">
       other divs to hold header
   </div>
    <div id="wrapper">
      <div id="content">
       content here
      </div>
    </div>
    <div id="footer">
     <footer>
        content here
     </footer>
    </div>
</div>

其他div用于固定收割台
满足于此
满足于此

---

哦，是的，并且摆脱所有CSS垃圾（几乎所有东西）

将代码绑定到div中。