IE7 div（容器內）差距和誤判問題

Question

我有一個問題，IE7根本無法正常顯示我的DIV ..Firefox 3，Safari，Opera，Chrome，IE8甚至IE6（有一些JS幫助）顯示頁面很好，但由於某種原因，在IE7的頁腳似乎......在容器之外。 您可以在下面的屏幕截圖中清楚地看到頁腳和#content div之間的差距。 #information div也存在一些錯位。

現場網站的鏈接是： http ： //chronologic.ath.cx 。

我幾乎可以保證這個問題是由於我完全缺乏對CSS的理解造成的，所以我為凌亂的臃腫標記道歉。

Answer 1

它看起來像是一個清除浮動的問題，因為#footer中的兩個元素都是浮動的。 嘗試添加#footer { overflow:hidden; } #footer { overflow:hidden; } 。

Answer 2

快速瀏覽一下，但您可能想重新考慮應用height: 100%到div＃container。 較舊版本的IE通常不會按預期運行，並且100％表示頁面的寬度或高度，而不是它所在的容器。雖然沒有進一步調查，但我無法驗證這一點。

Answer 3

overflow:hidden clear:both並確保您使用html { padding: 0; margin: 0;}重置HTML html { padding: 0; margin: 0;}應該修復它