將我的網頁上的高度設置爲100%會讓事情變得糟糕。頁腳並未停留在主頁面上,它正在經過主要可視區域....我如何防止發生這種情況,使其停留在頁面的底部?適合的高度,不是100%
見例如:[URL_REMOVED]
將我的網頁上的高度設置爲100%會讓事情變得糟糕。頁腳並未停留在主頁面上,它正在經過主要可視區域....我如何防止發生這種情況,使其停留在頁面的底部?適合的高度,不是100%
見例如:[URL_REMOVED]
嘗試把<div id="bdy"></div>
內部頁腳和它定位在底部。 由於#bdy
有min-height: 100%
,它推下頁腳。
如果將頁腳放在#bdy
的內部,請將其設置爲position: absolute; bottom: 0;
。
UPDATE:
啊,那是因爲在頁腳position: absolute;
使指令bottom: 0;
堅持給它確實有不position: static
的最近的祖先(這是默認值)。您可以通過將position: relative;
應用於#bdy
來解決問題。
結帳全CSS的StickyFooter:http://ryanfait.com/sticky-footer/ –
你知道你會得到更好的結果,如果你改善你的問題。也許添加一些代碼。 – rlemon
問題得到了改善...... @Jared:我基本上已經做到了......它停留在底部,但它就像頁面上的浮動元素進一步推動它或某事 – Webnet