2

我有一个奇怪的 CSS 问题。我有一个横幅，我需要将其放置在每一页的底部。

为此，我已将身体position: relative;和我的旗帜position absolute; bottom: 0px;

问题是我的横幅在不同页面上的位置不同， 例如： http : //www.plotsandhouses.com/node/1、http ://www.plotsandhouses.com/node/29、http://www.plotsandhouses .com/node/30

'custom-page_closure_wrapper' div 是我试图在页面底部放置的。我可以通过设置来做到这一点，position: fixed;但我真的不希望 div 始终可见 - 只有当页面底部可见或用户向下滚动才能看到它时。

谁能告诉我我错过了什么？

4

3 回答 3

2

您可以在此处找到有关该主题的一些广泛信息。

于 2011-06-30T08:03:00.573 回答
2

您可以尝试在 CSS 文件中添加以下内容：

body {height:100%;}
#custom-body-wrapper {height:100%;} /*this is the container of your absolute div*/

并删除position:relative你的身体标签。

于 2011-06-30T07:55:45.743 回答
2

为了补充 Marc 的答案，有一个名为Sticky Footer的 CSS 解决方案。

您的页脚不会“粘”到页面底部的原因是因为页脚绝对位于其中的容器的高度不超过视口的高度。因此，通过强制将容器拉伸到全高，该技术可确保页脚始终位于底部。

于 2011-06-30T08:00:15.213 回答