对于我的个人网站，我构建了一个非常 完全基于 DIV 和样式的简单下拉菜单系统。当用户单击菜单栏中的元素时，弹出菜单 DIV 可见，当用户单击文档中的任何其他位置时，BODY 元素的 onclick 处理程序隐藏所选菜单和弹出窗口。
在 Firefox 中，一切都很完美。事物保持在它们应该在的位置。但是在 IE 中，菜单栏上方的所有内容偶尔会偏移几个像素，我不知道它是从哪里来的。菜单栏本身、菜单项和弹出菜单都使用 z-index 以确保它们远高于一般页面内容，并且它们(通常)是绝对定位的，不应影响页面内容的布局(它们是 BODY 下的对等元素)。
如果你们能看一看(并且不怕冒险进入我的小排骨店，这绝不是完整的)，我将不胜感激。这种行为上的差异让我无休止地烦恼，我讨厌不知道的人。我怀疑它与盒子模型或类似的东西有关，但我不确定，而且我在这里无能为力。 IE Developer Toolbar 也没有告诉我任何有用的信息。该网站的网址是 http://www.mikehofer.com .
最佳答案
我没有使用 IE8，所以我不得不在 IE7 中进行测试，我猜这比您在 IE8 中看到的要差。您的 .popup 类也是相对定位的，而不是绝对定位的，in your stylesheet ，这可能会导致 IE 出现问题。
关于html - 当隐藏的 Div 可见时，IE 8 中的内容移动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3754609/