jQuery定位问题

Question

我有一个白色背景的网页表单，允许用户进行某些选择。根据用户的选择，此表单可以在纵向上长得很长。 （虽然我建议反对，但客户是坚定的）。表格很好，我很高兴。

然而，在窗体的底部是一个黑色的div页脚，高度为50像素，宽度为100％。是否可以使用jQuery 始终将其保留在表单的底部，无论用户选择什么？

Here is the page I am referring to.

Answer 1

不是使用jQuery，你可以摆脱div并在表单的CSS上使用border-bottom吗？

Answer 2

没有必要使用javascript。只需将以下css属性应用于页脚 -

position:absolute;
bottom:0;

Answer 3

这是一个简单的CSS问题。

看看你的HTML：

                  <!--  V This inline height is your problem -->
<div id="form" style="height:330px">

  <form name="form1" method="post" action="CreditCardInfoMockup.aspx" id="form1">
      ...
  </form>

<div>

...

<div id="footer" ... > ... </div>

从那里获取内联高度分配！

您的页脚在表单中不。它在它之外。因此，随着表单的增长，它会溢出父div（其高度不会改变）。因此，随着表单的增长，其他div不会被推下并且不会被打破。相反，表格只是溢出并覆盖了所有内容。

如果你通过删除内联高度让父div增长，那么随着表单的增长，父div会增长推动所有内容，包括页脚向下。

此外，您使用这些<br/>和所有内联CSS的方式并不是很优雅。你应该阅读CSS。