主要內容下的故障定位頁腳

我試圖從頭開始創建我的網站，並且一路上面臨着不少問題.. 最近的問題是我無法設法讓我的頁腳定位在main-wrapper div。我遇到這個問題的最明顯原因是因爲main-wrapper包含絕對定位的元素，所以它的高度不會相應調整。我找遍了所有的地方，詢問之前，我甚至實施了clearfix沒有結果..主要內容下的故障定位頁腳

的頁面是here

我還創建了一個普拉克的所有文件有關添加這個here

來源

2013-07-05 clarkewingh

嗨，你想要一個粘腳？然後看看http://www.cssstickyfooter.com – RWAM

如何採取主包裝外的頁腳？ – gnanz

我並不是想要創建一個粘性頁腳。我的問題是我想自動將頁腳放在主包裝下。我最終決定走容易的路線，只是手動改變主包裝的高度。 – clarkewingh

我認爲使用CSS這將是非常困難的，你可以嘗試使用這個腳本

<script type="text/javascript"> 
    document.getElementsByClassName('main-wrapper')[0].style.height = document.getElementsByClassName('hero-bg')[0].offsetHeight+"px"; 
</script>

把這個略低於關閉「主包裝「部分

來源

2013-07-05 11:23:10

什麼你的CSS #footer的：

position: absolute; 
width: 100%; 
bottom: 0;

（如果你想頁腳被推下來的頁面是否有內容更多的內容，這想工作）

來源

2013-07-05 08:59:07 caramba

我只是將它添加到網站上的代碼，但你可能會注意到，它並不完全按照我希望的方式去做。 – clarkewingh

問題是，它也弄亂了裏面的＃ globalfooter – clarkewingh

你清楚：兩者都在錯誤的地方，這可能是爲什麼它搞砸了。調整瀏覽器的大小時，你想要做什麼？ – caramba

試着給你的頁腳的css樣式，

#globalfooter{ 
    position:absolute; 
    bottom:0px; 
}

來源

2013-07-05 09:05:30

這就是@caramba剛纔所建議的，但這並不是我想要的。我更新了測試服務器上的代碼（我在問題中鏈接了這些代碼），但是看看調整瀏覽器窗口時會發生什麼。 – clarkewingh

主要內容下的故障定位頁腳

回答

相關問題