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。