由于 CSS 定位,IE 中的 div 位置不正确对齐



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

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

解决这个问题

的方法是什么?

这是我的代码的小提琴:http://jsfiddle.net/ELUGc/1493/

您的 IE 未处于 IE10 模式。使用开发人员工具进行检查(按 F12)。

您可以通过在head中添加以下内容来强制使用最新的渲染模式:

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

这对您无关紧要,因为我几乎可以确定您可以按照我已经描述的方式解决问题,但是如果您想修复IE7(您的IE10处于IE7模式),您可以通过向#wrapper添加left: 0来实现。

最新更新