【发布时间】：2012-05-23 10:04:53
【问题描述】：
我正在处理的网站有一个相当奇怪的问题。它涉及一个“带状”导航，每端都有一个折叠角包裹在容器后面。在左侧，功能区角上的负边距工作得很好。然而，在右侧，功能区绝对拒绝超出 IE 的包装器。我可以使用否定的margin 直到-18px，但它必须是-38px。如果我将它设置为-1000px，它仍然表现得好像它在-18px。这发生在 IE7、IE8 和 IE9 中。我不知道问题是什么。
【问题讨论】：
-
我在 ie9 中查看它，它看起来不错...
-
补充一下，这在 IE8 和 IE9 中运行良好（在 IE9 中使用开发人员工具查看时）。有一个潜在的修复方法是您可以将其浮动到左侧，并为 IE7 浏览器提供大约 950 像素的较大边距，尽管可能有更合理的修复方法。
-
尝试添加填充，什么也没做。不过，浮动的东西是一个想法，至少对于导航而言。问题是还有带有色带的内部侧边栏，所以留有多少margin-left在那里不会很好用。
-
如果您没有在 ie7 中修复它，您可以随时将功能区的环绕部分添加到背景图像中，因为它以主容器为中心
-
在对 IE 中的任何呈现问题进行故障排除之前，validate your html 不会有任何伤害。 Explorer 比有效 HTML 更讨厌无效的 HTML。
标签： html css internet-explorer margin