Internet Explorer 7 css/html 浮动错误答案

【问题标题】：Internet Explorer 7 css/html float bugInternet Explorer 7 css/html 浮动错误
【发布时间】：2010-01-08 10:03:48
【问题描述】：

问题是网页上的页脚似乎没有像在 FireFox 中那样遵循正确的流程。这个问题感觉就像是与 Internet Explorer 相关的错误，因为当我将鼠标移到“Legg til i handlelisten”链接上时，布局将“神奇地”卡入到位。在页面的“描述”部分比左栏长的页面上，页脚显示正确。据我所知，该错误仅在 IE8 以“IE8 兼容模式”或“IE7 模式”运行时才有效。运行 IE6 时无法重现该错误。

我想知道是否有人能够找到解决此错误的方法，也许是我可以设置的一些 CSS 属性或需要修改的标签。

这两张图片显示了错误及其应该是什么样子：

http://tinyurl.com/layout-error

http://tinyurl.com/layout-fixed

引用的页面在这里：http://tinyurl.com/yb9h34d

编辑：清除：两者；似乎没有做任何事情来解决问题。

【问题讨论】：

另外...如果您在页脚上方发布代码，则更容易提供帮助。
不要认为这将永远解决。可能是一些 IE6/IE7 错误。并且看到 IE8 几乎接管了病态，只接受一个随机的答案。我也无法关闭或删除此问题

标签： html css internet-explorer-8 internet-explorer-7 css-float

【解决方案1】：

是的...它看起来像一个浮动引起的问题。

尝试将此行添加到您的 HTML 中，就在页脚之前：

<div style="clear: both;"></div>

我认为它期待一个清除浮动的项目。

【讨论】：

清除：都已设置为页脚。甚至另一个带有 clear:both 的
似乎都没有。

【解决方案2】：

尝试浮动 div.container 或将其删除，因为它没用，而且是 divitis 的轻微情况。

【讨论】：

【解决方案3】：

在旧版浏览器中，CSS 中的 float 属性会移除元素的高度。因此，一个向左或向右浮动的元素（通常高度为 100px）现在将具有 0px 的高度，并且它下方的任何内容都会向上移动以填充内容应该在的空间。大多数浏览器现在已经修复了这个错误，但它仍然会在现代浏览器中重新出现。有一个非常简单的修复方法可以添加到 CSS 中的页脚容器中：

clear: both;

这将导致元素清除任何可能浮动的框并在自己的行上重新开始，或者无论如何都应该这样做。尝试永远不会有坏处。

阅读有关 clear 属性的更多信息：http://www.w3schools.com/Css/pr_class_clear.asp

【讨论】：

【解决方案4】：

实际发生的情况是，当您将第一个链接悬停在 leggtilihandleliste div 中时，左列变短了一行，而当您悬停第二个链接时，左列又变长了一行。受影响的只是左列 div，而不是链接、包含链接的列表或包含列表的 div。

我不知道发生这种情况的确切原因，但是如果您为包含链接的 div 指定高度，它就会停止发生（尽管改变大小的不是那个 div）。

【讨论】：

【解决方案5】：

为什么 DIV#footer 上有 display:none ？

无论如何，如果你浮动：left on .footerWithRightAndLeft 你应该没问题。

如果你不知道的话，你可以按 F12 来检查 IE 中的东西。它不如萤火虫，但它是一些东西。

【讨论】：