文档兼容性可定义 Internet Explorer 呈现网页的方式, 具体可以参考 https://msdn.microsoft.com/zh-cn/library/cc288325(v=vs.85).aspx
为了帮助确保您的网页在将来的 Internet Explorer 版本中具有一致的外观，Internet Explorer 8 引入了文档兼容性。 文档兼容性是对 Microsoft Internet Explorer 6 中引入的兼容性模式的扩展，使您可以选择 Internet Explorer 用于显示网页的特定呈现模式。
指定文档兼容性模式
若要为网页指定文档兼容模式，请使用 meta 元素，以在网页中包含 X-UA-Compatible http-equiv 标头。
<html>
<head>
<!-- Mimic Internet Explorer 7 -->
<meta http-equiv="x-ua-compatible" content="IE=Edge">
<title>My Web Page</title>
</head>
<body>
<p>Content goes here.</p>
</body>
</html>
<meta http-equiv="x-ua-compatible" content="IE=Edge"> 就是加上这一行，在开发过程中，发现网页在Chrome上显示正常，但是在IE中显示不正常
加上这一行后，问题得到解决。在IE中也显示正常了