2011-10-05 76 views
-4

將我的網頁上的高度設置爲100%會讓事情變得糟糕。頁腳並未停留在主頁面上,它正在經過主要可視區域....我如何防止發生這種情況,使其停留在頁面的底部?適合的高度,不是100%

見例如:[URL_REMOVED]

+0

結帳全CSS的StickyFooter:http://ryanfait.com/sticky-footer/ –

+3

你知道你會得到更好的結果,如果你改善你的問題。也許添加一些代碼。 – rlemon

+0

問題得到了改善...... @Jared:我基本上已經做到了......它停留在底部,但它就像頁面上的浮動元素進一步推動它或某事 – Webnet

回答

2

嘗試把<div id="bdy"></div>內部頁腳和它定位在底部。 由於#bdymin-height: 100%,它推下頁腳。

如果將頁腳放在#bdy的內部,請將其設置爲position: absolute; bottom: 0;

UPDATE:

啊,那是因爲在頁腳position: absolute;使指令bottom: 0;堅持給它確實有不position: static的最近的祖先(這是默認值)。您可以通過將position: relative;應用於#bdy來解決問題。

+0

不幸的是,當我最終滾動時出現混亂:http://www.dealclippings.com/privacy/ – Webnet

+0

啊,很好地完成了頁腳!現在看起來很棒! – Yoshiyahu