粘滯頁腳在網站上工作在一個頁面上而不是另一個

我試圖讓頁腳留在網頁的底部，並允許不同頁面上的內容量不同。它適用於我的index.html頁面，但是當我轉到「about」頁面時，頁腳浮動到頁面中間。有什麼建議？該網站爲http://www.concept82.com/DISupdate/index.html，故障頁面爲http://www.concept82.com/DISupdate/about.html。謝謝！粘滯頁腳在網站上工作在一個頁面上而不是另一個

來源

2012-10-03 Kristin Shoffner Tanner

首先，您需要將您的#bottom div移出#wrap div之外，因此它會立即跟隨它。這會讓你獲得大部分的方式，但是在你的索引頁面上似乎仍然有一些東西阻止它一直移動到窗口的底部。

來源

2012-10-03 01:44:21 ultranaut

除了在#wrap下面放置#bottom，刪除margin-top：-200px，爲什麼？這隻會導致問題取決於頁面高度。如果必須，請在此底部div上使用padding-bottom。 –

謝謝！當我一整天都在工作的時候，當有一雙新的眼睛時，它會有所幫助！ –

原因在於粘性頁腳的工作原理，您的包裝div設置爲100％的最小高度，這會將頁腳至少壓低窗口高度，然後將頁腳移回自己的高度。當包裝div中沒有那麼多內容時，這將保持頁腳至少位於窗口的底部。例如，請參閱Chris Coyier在http://www.cssstickyfooter.com/上的演示。 – ultranaut

而不是＃底部的-200px margin-top，做200px。這將解決它。

來源

2012-10-03 01:58:33

粘滯頁腳在網站上工作在一個頁面上而不是另一個

回答

相關問題