Jquery 使用动态内容保持页脚向下

我在一个名为txtresults的div中有动态内容，如下所示：

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

使用输入值进行查询后，此div由html填充，请查看示例：

---

如果您键入一些内容，您将看到该div被搜索结果填充。我的问题是，我想把页脚（#footer）放在结果下面，不管结果有多长。正如您现在看到的，页脚位于#txtresults的外部。如果我将页脚放在div中，我将看不到div。我如何解决这个问题？

如果我正确理解了您的问题，您只需从

\footer

中删除以下内容即可：

position: absolute;
bottom: 0px;

---

您可能还想在页脚CSS中添加一个

页边距顶部：20px

。

如果我没有弄错您的问题，您只需从

#footer

中删除以下内容即可：

position: absolute;
bottom: 0px;

---

您可能还希望在页脚CSS中添加一个

页边距顶部：20px

。

如果没有结果，您希望页脚在哪里？ 从你的问题来看，我认为你想要一个黏糊糊的页脚

---

否则，如果希望页脚正好位于结果下方，请从

页脚中删除
位置：绝对值
（和
底部：0
）
如果没有结果，您希望页脚在哪里？
从你的问题来看，我认为你想要一个黏糊糊的页脚

否则，如果希望页脚正好位于结果下方，请从
页脚中删除
位置：绝对值
（和
底部：0
），只需从css中删除绝对位置，页脚将根据内容向下推
 只要从css中删除绝对位置，页脚就会根据内容向下推
 哎呀，在JSFIDLE上保存时出错了……我更改了链接。当结果div为空时，是否要将页脚保留在视口底部，如果结果列表变长，则将其移出视图？请在问题中包含代码片段，使其自含。哎呀，在JSFIDLE上保存时出错……我已更改了链接。当结果div为空时，是否希望将页脚保留在视口底部，如果结果列表变长，则将其移出视图？请在问题中包含代码片段，以使其自包含。