定位在網頁底部

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一些廣泛的信息。