html - Internet Explorer 上的 CSS 损坏

Question

我有一个 Web 项目，当我在 Internet Explorer 上运行它时会中断。在这里，在jsfiddle上按我的意愿工作。

在 IE 上，display_area上升并与顶部的工具栏混合。此外，这些帖子混合到中，side_display_area而不是main_display_area像 jsfiddle 那样被限制在中。

score 3 · Accepted Answer

我遇到的问题是，默认情况下，IE 使用“Quirky”模式进行 CSS 渲染，以便与为 IE 临时编写的旧代码兼容。虽然 IE 目前有不同的标准兼容模式（但我无法证明它的兼容程度），但它仍然默认为这种兼容模式。

解决方案是通过X-UA-Compatibleheader 覆盖或显式设置 IE 的呈现模式。您可以通过 html 标签执行此操作：

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

score 0 · Accepted Answer

考虑向您的水平菜单添加一些 div 并在其上放置一些高度

div.hmenu {
    margin-left:auto;
    margin-right:auto;
    height: 20px;
    min-width:1000px;
    max-width:90%;
    overflow:auto;
}

2 回答 2