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

Question

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

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

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

如果您输入内容，您会看到div被搜索结果填充。我的问题是，无论结果有多长或多短，我都希望将页脚（#footer）置于结果之下。正如您所看到的，页脚位于#txtresults之外。如果我将页脚放在div中，我就能看到div ..我怎么能解决这个问题？

Answer 1

如果没有结果，你想在哪里有页脚？ 从你的问题我解释你想要一个粘性页脚。

否则，如果您希望页脚位于搜索结果的下方，请从position: absolute移除bottom: 0（以及footer）。

Answer 2

只需从css中移除绝对位置，然后页脚将根据内容向下推。

Answer 3

如果我理解了您的问题，您可以在#footer

中删除以下内容

position: absolute;
bottom: 0px;

您可能还想在页脚CSS中添加margin-top: 20px。