在容器div显示/隐藏切换的底部制作一个div棒?

时间:2010-05-04 10:27:03

标签: css html footer sticky-footer

我的主容器div可以刷新,因此其内容正在隐藏/显示。当我的容器div被隐藏时,我的页脚就会出现。

html结构如下所示:

请注意,我已经尝试过这个:

     

它似乎不起作用,当容器div隐藏时,页脚div仍然会弹起。

我也无法在容器div上设置高度,因为我希望内容div高度可以伸展100%。

有什么想法吗?提前谢谢。

2 个答案:

答案 0 :(得分:8)

使用此css:

#yourdiv {
   position:fixed;
   bottom:0;
}

这将使它坚持到底部:)

答案 1 :(得分:1)

Sticky footer非常适合将页脚保持在应有的位置。