IE兼容模式下排版错乱问题解决

在ie8下显示异常

然而在其余浏览器下是显示正常,解决办法是:强制IE 8在Internet Explorer标准模式下显示页面。。

在head中加入

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

因为原先写的是:

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

            应用其余地方的内容参考区别以下:

            

                 即:

IE=8
<meta http-equiv="X-UA-Compatible" content="IE=8" />
This forces IE 8 to display the page in Internet Explorer Standards mode.
(这将强制IE 8在Internet Explorer标准模式下显示页面。)

IE=EmulateIE8
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
This forces IE 8 to use the !DOCTYPE declaration in the page to determine the rendering mode.
这迫使IE 8在页面中使用！DOCTYPE声明来肯定渲染模式 (即根据DOCTYPE来肯定渲染模式)