文档兼容性可定义 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中也显示正常了