我有一个 Web 项目,当我在 Internet Explorer 上运行它时会中断。在这里,在jsfiddle上按我的意愿工作。
在 IE 上,display_area
上升并与顶部的工具栏混合。此外,这些帖子混合到 中,side_display_area
而不是main_display_area
像 jsfiddle 那样被限制在 中。
我有一个 Web 项目,当我在 Internet Explorer 上运行它时会中断。在这里,在jsfiddle上按我的意愿工作。
在 IE 上,display_area
上升并与顶部的工具栏混合。此外,这些帖子混合到 中,side_display_area
而不是main_display_area
像 jsfiddle 那样被限制在 中。
我遇到的问题是,默认情况下,IE 使用“Quirky”模式进行 CSS 渲染,以便与为 IE 临时编写的旧代码兼容。虽然 IE 目前有不同的标准兼容模式(但我无法证明它的兼容程度),但它仍然默认为这种兼容模式。
解决方案是通过X-UA-Compatible
header 覆盖或显式设置 IE 的呈现模式。您可以通过 html 标签执行此操作:
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>
我认为这可能会有所帮助http://css-tricks.com/the-css-overflow-property/
考虑向您的水平菜单添加一些 div 并在其上放置一些高度
div.hmenu {
margin-left:auto;
margin-right:auto;
height: 20px;
min-width:1000px;
max-width:90%;
overflow:auto;
}