CSS、Internet Explorer 7：单击菜单时布局混乱答案

【问题标题】：CSS, Internet Explorer 7: layout messed up when I click on a menuCSS、Internet Explorer 7：单击菜单时布局混乱
【发布时间】：2010-07-22 14:47:42
【问题描述】：

在 Internet Explorer 7 中，当我单击“类别”块中的菜单时，我的网站内容会向左滑动。

你能帮我调试一下吗？

http://69.90.160.65/~o110334/

谢谢

【问题讨论】：

您使用的是哪个版本的 IE？我在 IE8 中没有看到问题。
我在 IE8 和 IE8 兼容模式下尝试过，似乎没有任何东西向左移动。现在在 Firefox 和 IE 中，当您单击“类别”块中的某些内容时，背景会向下移动。另外，IE 和 FF 的背景也不一样。
IE7 对不起，我忘了提。嗯，背景不错。在 IE7 中，带有内容的主块向左移动（在菜单上方）
你解决了这个问题吗？我在IE7中看到了你提到的效果，但我现在没有看到。顺便说一句很酷的背景:-)
并非如此。问题仍然存在，如果您单击菜单，您将看到转变。 ..关于背景：这不是我的选择:)

标签： javascript html css internet-explorer

【解决方案1】：

这似乎与宽度和定位有关。如果我在您的 id="main-inner" 和 EITHER 上添加 position: relative，我将左边距从 240px 更改为 239px 或从 240px 到 239px 的 id="sidebar-left" 宽度似乎可以工作。虽然这可能不是您寻求的最终解决方案，但它似乎表明是元素宽度和边距中的一些交互导致了您的问题。

【讨论】：