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

时间:2012-03-28 09:32:01

标签: jquery css ajax footer

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

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

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

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

3 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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

删除以下内容
position: absolute;
bottom: 0px;

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