CSS粘滯頁腳問題

可能重複：
CSS sticky footer CSS粘滯頁腳問題

我想實現的CSS粘的頁腳，但由於某種原因，有以下的頁腳和底部之間的邊距頁：

同事情發生在這裏：

任何幫助將雷爾理解

2011-07-22 Burt

你應該看一看的解決方案上http://stackoverflow.com/questions/1488565/how-to-stick-a-footer-to-bottom-in-css –

如果@James指出的問題的解決方案解決了這個問題，我建議關閉這個問題作爲重複。 –

它不是重複的。我擁有的內容由CMS管理，這意味着內容可以在頁面的下方展開，在這種情況下，絕對底部的位置不起作用。 – Burt

#footer { 
    position: fixed; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    z-index: 999999; 
    /* No need for margin here */ 
}

這將在Internet Explorer年齡大於7。不行，我不知道在IE7，IE8的bug或更新。

2011-07-22 01:02:53

'位置：固定'不是遠程粘滯頁腳的要點。 -1 –

當我使用chrome和ie8測試時，我還需要'width：100％'，並且不需要'left'或'right'。 –

@Matt粘性頁腳如果不粘在頁面上又有什麼意義？ –

你有margin-top:-60px;這顯然太明顯了。把它降到margin-top:-45px;左右

2011-07-22 01:03:14 AlienWebguy

請給padding-bottom:20px查詢容器ID。我認爲它會工作

#container { 
width: 940px; 
margin: 0 auto; 
text-align: left; 
padding: 0px 0px 20px 0px; 
}

2011-07-22 01:28:12

回答