Css 如何给DIV赋予两个高度（一个用于IE，另一个用于其他浏览器）

在CSS文件中，是否有方法为仅适用于Internet Explorer的DIV指定一个特定高度，同时为该DIV指定另一个适用于除Internet Explorer之外的所有浏览器的高度？

创建两个CSS文件，一个用于IE，另一个用于其他浏览器

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

您可以创建一个特定于IE的样式表并使用IE条件语句

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

但这并不可取

另请参见：

试试这个

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

#mydiv{高度：800px；}

我使用了以下方法，它在IE8中起作用。将以下代码放入标记中

你可以在这里观看在线版本

#tgtDiv
{
高度：300px；
宽度：400px；
边框：1px纯绿色；
}

谢谢你的回复，但我不想再创建一个CSS文件，我需要同一个CSS文件中的height属性，我在这里尝试了两种破解方法，但都没有成功，因为我使用的是IE8！！你提到的教程很棒，但是它是关于导入特定的CSS文件的，而不是像我确切要求的那样，在一个CSS文件中分离特定浏览器的一些CSS属性above@unprecedented：为什么你不想用两个？你知道这是一个很好的实践，比使用黑客更好吗。这也是有经验的人建议的方法。我不需要只为一个height属性创建一个完整的css文件，这是一个大系统，我们不想增加创建的文件数。谢谢你的回复，但我不想创建另一个css文件，我需要在同一个css文件中创建height属性，我在这里尝试了这两种方法，但没有一种有效，因为我使用IE8！！我需要一种方法（或黑客）分离一些IE CSS属性（如高度）在一个单一的CSS文件内，但不是seprate文件，正如我刚才确切地问这是不可能的。检查这个在ie6、ie8、ff3、safari、opera上测试过谢谢你的帮助，我用这个方法从html文件内部解决了这个问题（不是从css文件）

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

    <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]-->