Html 当隐藏的div可见时，内容在IE 8中移动

对于我的个人网站，我完全根据div和style构建了一个非常简单的下拉菜单系统。当用户单击菜单栏中的某个项目时，弹出菜单DIV将可见，当用户单击文档中的任何其他位置时，BODY元素的onclick处理程序将隐藏选定的菜单和弹出窗口

在Firefox中，一切都运行良好。事情就在他们应该呆的地方。但在IE中，菜单栏上方的所有内容偶尔会移动几个像素，我不知道这是从哪里来的。菜单栏本身、菜单项和弹出菜单都使用z-index来确保它们远远高于常规页面内容，并且它们（通常）处于绝对位置，不应影响页面上内容的布局（它们是正文正下方的对等元素）

---

如果你们能看一看（并且不怕冒险去我的小排骨店，那绝对不完整），我会很感激的。这种行为上的差异让我厌烦不已，我讨厌不知道。我怀疑这与盒子模型或类似的东西有关，但我不确定，我在这方面已经束手无策了。IE开发者工具栏也没有告诉我任何有用的东西。该网站的url是。

我没有IE8，所以我不得不在IE7中进行测试，我猜这比你在IE8中看到的更糟糕。您的

.popup

类也是相对定位的，而不是绝对定位的，这可能会导致IE出现问题

---

我工作时没有IE8，所以我不得不在IE7中进行测试，我猜这比你在IE8中看到的更糟糕。您的

.popup

类也是相对定位的，而不是绝对定位的，这可能会导致IE出现问题

---

考虑到这个东西的设计方式，我认为它必须是相对的，尽管我在添加弹出窗口时计算位置，所以我想这不再是事实。人力资源管理。也许我应该再看一次。好棒的咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕！您可以使用position absolute，然后获取您单击的元素的offsetTop和offsetleft，从而对其进行相应的定位。考虑到该元素的设计方式，我认为它必须是相对的，尽管我在添加弹出窗口时计算位置，所以我认为这不再是事实。人力资源管理。也许我应该再看一次。好棒的咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕！可以使用position absolute，然后获取单击的元素的offsetTop和offsetleft，从而对其进行相应的定位。