IE7 div（在容器内）间隙和错位问题答案

【问题标题】：IE7 div (within a container) gap and misalisgnment problemIE7 div（在容器内）间隙和错位问题
【发布时间】：2011-03-31 11:46:48
【问题描述】：

我遇到了一个问题，IE7 根本无法正确显示我的 DIV。Firefox 3、Safari、Opera、Chrome、IE8 甚至 IE6（在一些 JS 帮助下）可以正常显示页面，但由于某种原因，在IE7的页脚似乎是......在容器之外。在下面的屏幕截图中，您可以清楚地看到页脚和#content div 之间的间隙。 #information div 向下也有一些错位。

直播网站的链接是：http://chronologic.ath.cx。

我几乎可以肯定这个问题是由于我对 CSS 完全缺乏了解造成的，所以我为混乱臃肿的标记道歉。

【问题讨论】：

标签： css layout html internet-explorer-7

【解决方案1】：

只是快速浏览了一下，但您可能需要重新考虑将height: 100% 应用于 div#container。旧版本的 IE 经常不能按预期运行，并且 100% 表示页面的宽度或高度，而不是它所在的容器。我无法在没有进一步调查的情况下验证这一点。

【讨论】：

【解决方案2】：

这看起来像是clearing floats 的问题，因为#footer 内部的两个元素都是浮动的。尝试添加#footer { overflow:hidden; }。

【讨论】：

我也是这么想的，但是去掉clear div后问题依旧。哦，好吧，我确定 overflow:hidden 不会受到伤害。无论哪种方式，它最终都是容器 div 上的 height: 100% 。感谢马塞尔的快速回复！

【解决方案3】：

overflow:hidden clear:both 并确保您已使用 html { padding: 0; margin: 0;} 重置您的 HTML 应该修复它

【讨论】：