保持页脚来与动态内容

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中删除绝对位置，然后页脚将根据内容下推。