定位在网页底部

Question

我有一个奇怪的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始终可见 - 只有当页面底部可见或用户向下滚动才能看到它时。

任何人都可以请赐教我关于我失踪？

Answer 1

要添加到Marc的答案，有一个CSS解决方案称为Sticky Footer。

页脚不“粘”到页面底部的原因是页脚绝对位于的容器高度不超过视口高度。因此，通过将容器强行拉伸至全高，该技术确保页脚始终停留在底部。

Answer 2

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

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

和对你的身体标签卸下position:relative。

Answer 3

你可以找到关于这个主题here一些广泛的信息。