保持頁腳來與動態內容

Question

我有一個div動態內容稱爲爲txtResults這樣的：

<div id="txtresults"></div> 

這個div是由HTML查詢與輸入值作出後填充，請大家看一下例子：JsFiddle

如果你輸入的東西，你會看到div由搜索結果填充。我的問題是，無論結果有多長或多短，我都希望將頁腳（#footer）放在結果的下面。正如您現在所看到的，頁腳位於#txt結果之外。如果我將頁腳放在div中，我無法看到div。我可以如何解決這個問題？

Answer 1

如果沒有結果，您希望在哪裏有頁腳？ 從你的問題我解釋你想要一個粘性的頁腳。請參閱famous page。

否則，如果您希望僅在結果下方顯示頁腳，請從footer中刪除position: absolute（和bottom: 0）。

Answer 2

如果我明白你的問題的權利，你可以簡單地刪除從的#footer如下：

position: absolute; 
bottom: 0px; 

您可能還需要一個margin-top: 20px添加到頁腳CSS。

Answer 3

只需從css中刪除絕對位置，然後頁腳將根據內容下推。