jQuery定位问题

Question

我有一个网页表单，允许用户做出某些选择的白色背景。根据用户的选择，这种形式可能会在纵向上长得很长。 （虽然我建议反对，但客户坚持）。表格工作正常，我很高兴。

但是，表单底部是一个黑色的页脚，其高度为50像素，宽度为100％。是否有可能使用jQuery到总是无论用户选择什么，都将它保留在表单的底部？

Here is the page I am referring to.

Answer 1

没有必要使用JavaScript这一点。只需将下面的css属性应用于页脚 -

position:absolute; 
bottom:0; 

Answer 2

而不是使用jQuery，你可以摆脱div并在窗体的css中使用border-bottom？

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（高度不能改变）。所以随着表格的增长，其他divs不会被推下去。相反，表单只是溢出并涵盖了所有内容。

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

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