無序列表打破粘滯頁腳

Question

我正在嘗試創建一個響應模板，並且遇到了無序列表打破了我粘滯頁腳的問題。

看來，特別是當我不包括李的，保持ul，頁腳喜歡堅持，但李的實際上並沒有實際上似乎是伸出底部時，包括...試圖檢查， FF 3D建模等到處尋找那任何跡象......

link to page，direct css link

它只是頁腳下面的額外空間，無法找出它雖然。 我一直沒有找到像這樣的特定粘性問題 有什麼幫助嗎？謝謝

更新：另一件我注意到，當我刪除文檔類型，它工作得很好。我正在使用html5文檔類型。

更新2：將ul設置爲block將其修改爲當前的行內表，但是無法將其設置爲其子元素的寬度並通過文本對齊對齊。我認爲這將是更好的做法，以保持內聯表，而不是使用浮動...

更新3：設置UL​​阻止，LI內聯，表，並減少裕度，仍然約一個像素剩餘溢出還是發生了......唯一的問題是現在的高度/行高是搞亂，現在允許懸停背景顏色變化充分延長

Answer 1

我這個添加到你的CSS的底部，它堅持

#footer{top:auto; bottom:0;padding:0;margin:0;overflow:hidden;} 

但是，這只是一個快速的懶惰修復，我強烈建議你回溯，儘管你的代碼，這似乎是非常複雜的這樣一個簡單的結構，嘗試減少CSS中的分支元素。