负边距 IE8 问题答案

【问题标题】：Negative Margins IE8 Issue负边距 IE8 问题
【发布时间】：2013-01-31 12:46:19
【问题描述】：

我正在尝试让我们的 Wordpress 博客在 IE8 及更低版本中显示得更好一些（它在 IE9、Firefox 和 Chrome 中运行良好）。一个大问题似乎是 IE8 缺乏对负边距的支持，因此在 IE8 中不存在帖子列和侧面小部件之间的差距。

控制这种分离的 CSS 在这里：

#secondary {
float:right;
width:300px;
margin-right:-320px;
}

任何关于在 IE8 及以下解决此问题的条件 CSS 建议的帮助将不胜感激！

【问题讨论】：

【解决方案1】：

您正在使用 HTML5 元素，而 IE8 不理解它们并将忽略它们，并且您不能将 CSS 应用于它们，因为 IE8 不会知道它们存在。要修复 IE，您需要添加 html5shiv。这会将这些元素添加到 IE8 的 DOM 树中并将它们设置为块级别。

您可以编写自己的代码和 CSS 来做同样的事情，但 shiv 很方便。

【讨论】：

【解决方案2】：

您应该验证您的 html 标记，35 个错误和 11 个警告将无济于事。

同时，试试这个修复：

.negative-margin-element {
    zoom: 1; /* ie hax*/
    position: relative; /* ie forced behavious*/
}

【讨论】：