由于 CSS 定位，IE 中的 div 位置未正确对齐答案

【问题标题】：Div placement in IE doesn't align right because of CSS Positioning由于 CSS 定位，IE 中的 div 位置未正确对齐
【发布时间】：2013-09-16 23:06:12
【问题描述】：

我有一个在 Chrome 和 FF 中完美运行的固定 div，但由于某种原因在 IE 中，固定标题被推到右侧。

看看我的 CSS，它似乎是我的“内容”div 上的 position: relative;，因为当我删除它时，它可以工作，但显然我的“内容”不合适。

解决这个问题的方法是什么？

【问题讨论】：

您在哪个版本的 IE 上看到这个？
在 ie10 中看这个，对我来说非常适合
我也在使用 IE 10，所以这很奇怪 - 刚刚检查过，它可以在 jsfiddle 上正常工作，但不仅仅是直接进入 IE10
我在IE10中检查了你的小提琴并使用了开发人员工具栏并调整了浏览器/文档模式。在 IE7 之前，一切似乎都很好，其中标题左侧出现了一个大的空白区域。这值得修复吗？
你必须提供足够的代码来重现问题，否则没有什么可解决的。

【解决方案1】：

您的 IE 未处于 IE10 模式。检查开发者工具（按 F12）。

你可以通过在head里面添加这个来强制使用最新的渲染模式：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

这与您无关，因为我几乎可以确定您可以按照我已经描述的方式解决问题，但是如果您想修复 IE7（您的 IE10 处于 IE7 模式），您可以通过将left: 0 添加到#wrapper。

【讨论】：