如何给 DIV 两个高度（一个用于 IE，第二个用于其他浏览器）答案

【问题标题】：how to give two heights to DIV (one for IE and second for other browsers)如何给 DIV 两个高度（一个用于 IE，第二个用于其他浏览器）
【发布时间】：2011-11-16 12:07:35
【问题描述】：

在 CSS 文件中，有没有办法为仅适用于 Internet Explorer 的 DIV 提供特定高度，同时为同一 DIV 提供适用于除 Internet Explorer 之外的所有浏览器的另一个高度？

【问题讨论】：

标签： css internet-explorer browser html

【解决方案1】：

您可以创建 IE 特定 样式表并使用 IE 条件语句。

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

这样，你基本上有两个样式表；一个用于 IE，另一个用于其他符合标准的浏览器。

Hacks 可能被用于：

_height:500px;
*height:500px;

但不建议这样做。

另请参阅：

How To Create an IE-Only Stylesheet

【讨论】：

感谢您的回复，但我不想创建另一个 CSS 文件，我需要同一个 CSS 文件中的 height 属性，我在这里尝试了两种 hack，但都没有奏效，因为我用IE8！！您提到的教程很棒，但这都是关于导入特定的 CSS 文件，而不是在一个 CSS 文件中将某些 CSS 属性与特定浏览器分开，正如我在上面所问的那样
@unprecedented：为什么你不想使用两个？您是否知道这是一种很好的做法，并且比使用 hack 更好。这也是有经验的人建议的方式。
我不需要为单个高度属性创建一个完整的 css 文件，它是一个大系统，我们不想增加创建的文件数量。

【解决方案2】：

我使用了以下，它在 IE8 中工作。将以下代码放入标签中。

您可以从这里观看在线版本，http://nazmulweb.com/site5/demo/iecss/

    <style type="text/css">
    #tgtDiv
    {
        height: 300px;
        width: 400px;
        border: 1px solid green;
    }
    </style>

     <!--[if IE]> 
         <style type="text/css">

     #tgtDiv
    {
        height: 300px;
        width: 400px;
        border: 5px solid red;
    }
    </style>
    <![endif]-->

【讨论】：

【解决方案3】：

试试这个

<style>
    #mydiv { height:800px; }
</style>
<!--[if IE]>
<style>
    #mydiv { height:500px; }
</style>
<![endif]-->

【讨论】：

这是不可能的。检查此jsfiddle.net/z4Smy 在 ie6、ie8、ff3、safari、opera 上测试的作品
谢谢你的帮助，我用这个方法从html文件内部解决问题（不是从css文件）

【解决方案4】：

创建2个css文件，一个用于IE，一个用于其他浏览器

根据here描述的浏览器加载css文件

【讨论】：

感谢您的回复，但我不想创建另一个 CSS 文件，我需要同一个 CSS 文件中的 height 属性，我在这里尝试了两种 hack，但都没有奏效，因为我用IE8！！我需要一种方法（或 hack）在一个 CSS 文件中分离一些 IE CSS 属性（如高度），而不是单独的文件，正如我上面确切要求的那样