Javascript 如何使我的网页页脚达到100%的高度？

我想将页脚的高度拉伸到100%，以便将父页脚

div

拉伸到页面末尾。我尝试过这个解决方案，但对我无效

每当我尝试将页脚高度设置为100%时，它实际上会在页面底部显示相同大小的自由区域。我使用的是960网格系统CSS框架。如果在CSS中不可能，我们可以在jquery或javascript中实现吗？。查看我的页面的演示或 以下是我的HTML代码：

<div class="footer">
   <div class="container_16">
      <div class="grid_16">
         <div class="footer-end-inner">

            <div class="grid_6 alpha copyright">
               <p>Copy right &copy; <b>Mossawir</b></p>
            </div>

            <div class="grid_10 omega footernav">
               <ul class="nav2">
               <li><a href="#">Home</a></li>
               <li><a href="#">Menu</a></li>
               <li><a href="#">Menu</a></li>
               <li><a href="#">Contact Me</a></li>
               </ul>
            </div>
         </div>
      </div>
   </div>

   <div class="clear"></div>
</div>

---

您必须确保主体没有添加一些空间：

body { margin: 0; padding: 0; }
.footer { margin: 0; }

---

还可确保页脚占用100%。

确保其父级已设置固定宽度，如：

<div class="parent" width="300px">
   <div class="footer">...</div>
</div>

...

是，它已添加到我的rest.css文件中。。如果我移除它。它实际上是在屏幕周围做一些垫子。如何解决这个问题（@mossawir是div，

包含在另一个元素中？@pickypg..不。它在body标签中。它们不是父div。嗯，我不能这样做..因为footer div有一个可拉伸的背景。我希望它被拉伸到100%。你在网站上使用jQuery等吗？@mossawir：正如Amber所指出的那样，

高度：100%；

将工作（在纯html/css中）是指父元素是否具有指定的

高度。

。如果JavaScript是一个选项，则可以动态调整大小。@amber..是的，我正在使用jquery，但我正在将其应用于其他div元素。而不是页脚。@David Thomas..您能告诉我如何使用jquery的JavaScript吗？。

<div class="parent" width="300px">
   <div class="footer">...</div>
</div>