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;}应该修复它