頁腳不會粘在頁面底部

Question

在此頁面上使用谷歌瀏覽器：http://wilwaldon.com/solage/special_offers.html頁腳是正確的第一個特別優惠。由於某種原因，它似乎在FF中正常工作。

在其他頁面上，它位於底部。例如（http://wilwaldon.com/solage/resort.html）。

即使頁腳html在兩頁上的相同位置，也會發生這種情況。

我發現的罪魁禍首，但似乎無法弄清楚如何解決它，而不會弄亂過程中的大部分網站。

下面是罪魁禍首的CSS的引擎收錄：http://pastebin.com/vmBL8nUc

下面是對CSS的頁腳引擎收錄：http://pastebin.com/5rmDnSDT

這裏的html文件的引擎收錄：http://pastebin.com/fvV5wdjE

任何幫助不勝感激。

Answer 1

所以，正如你指出的，罪魁禍首是容器.contenttop有一個高度設置，它導致頁腳在該容器的「底部」上運行。問題在於容器顯示溢出，因此顯示頁腳出現在錯誤的位置。

您有兩種選擇。

1）我會刪除.contenttop的高度屬性。這可以讓您按照自己的期望自然流動內容。在special_offers.html頁面上，它看起來像解決了這個問題。

2）如果出於某種原因無法刪除高度，則必須使用一些JavaScript來動態設置容器的高度。如果這是你需要去的路線，我可能會考慮重新考慮你的前端代碼。

希望有幫助！

Answer 2

當你說'網站的大部分'時，具體發生了什麼？它可能會更快地移除該高度並修復創建的問題，而不是嘗試解決此問題。

另外，如果有必要，你是否可以覆蓋其他頁面上的高度？

Answer 3

有一對夫婦，你可以用它來使軀杆拉到最低，一個我喜歡使用方法如下：

取而代之的內容股利後粘頁腳，爲什麼不從工作「自下而上」。這應該是更多的跨瀏覽器友好，

確保你有一個包裝股利，這包含了所有的內容。

給你包裝的div以下CSS屬性：

height:auto; 
position:relative; 

確保您的內容股利和頁腳股利是您的包裝DIV中。

使用CSS來指定內容div的高度（從看你的代碼，你已經這樣做了）

最後，給您的頁腳股利這些屬性：

clear:both; 
bottom:0px; 
position:absolute; 

現在，當您指定此頁腳的高度，它將從底部向上。