html - 如何在 IE 7 中关闭 CSS 问题

Question

#header-menu{
    width:990px;
    height: 115px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 0px;
}

我正在使用这个 CSS 代码，它适用于每个浏览器，甚至 IE9、IE8 .. 但它不适用于 IE7。我不明白什么是问题

Answer 1

IE 7 在 CSS 方面一直很麻烦。您总是可以添加一个额外的样式表来修改和更改 IE 7 在文档的 HEAD 中弄乱的任何内容（只需确保它位于您的主样式表下方）：

<!--[if IE 7]><link href="/css/ie7.css" rel="stylesheet" type="text/css"><![endif]-->

这不是最快的方法，W3C 建议您预先浏览器检查并向正文添加一个类，以便添加到您的样式表中，但它是最快的，并且可以完成工作。

注意：我们只能希望有一天我们生活在一个不支持 IE 7 的世界中。

Answer 2

你能告诉我们为什么它不起作用吗？如果您试图将某些内容居中，则margin-left:auto;andmargin-right:auto;技术不适用于旧 IE 版本，因此您应该text-align:center;在父元素中使用（而不是在标题菜单本身中）。如果 header-menu 没有父级，那么你应该应用text-align:center;到 html 元素：

html {text-align:center;}

编辑：由于这并不优雅，您可以将其包含在单独的 CSS 中，用于低于 IE8 的版本：

<!--[if lt IE8]> (your CSS here) <![endif]-->

Answer 3

如果您尝试将其居中，header-menu因为您在其中具有固定的宽度和高度，您可以使用以下方法margin: 0 auto;代替：

margin-top: 0px; margin-right: auto; margin-bottom: auto; margin-left: auto;

希望这能解决您的 IE7 问题。