CSS-IE6溢出

Question

我可以看到有关此问题的其他问题，但没有一个答案可以解决。

我有一个在<div>内的表。 在IE7及更高版本中，此效果很好，使用滚动条可以清楚地看到表格。 但是，在IE6中，它呈现为单行（例如1px的高度）。

这是围绕这些元素的CSS。

    DIV.ScrollFrame {
        overflow: auto;
        height: 100%;
    }

    .DataTable {
        border-collapse:collapse;
    }

然后html看起来像这样

<div class="ScrollFrame" >
    <table class="DataTable">
        //some asp to generate the data
    </table>
</div>

抱歉，由于表格中的数据是机密信息，因此无法提供图片。

先感谢您。

Answer 1

嗯，我不确定，但是您可以在ie6上尝试一下：

* html DIV.ScrollFrame { overflow:scroll; }

Answer 2

如果您的解决方案是设置固定高度，请确保仅将其用于IE6。 最佳做法是使用仅显示条件注释的IE6样式表，如下所示：

<!--[if IE 6]>
        <link href="/styles/ie6.css" rel="stylesheet" media="screen, print"/>
<![endif]-->

另外，您也可以使用* html hack，只有IE6可以理解。