Question

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

Answer 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

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

Answer 3

试试这个

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

Answer 4

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

根据浏览器加载css文件，如here

所述

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

4 个答案: