IE6 中的 CSS 溢出问题 - 元素不出现/不显示答案

【问题标题】：CSS Overflow Problem in IE6 - Element Does Not Appear/Show UpIE6 中的 CSS 溢出问题 - 元素不出现/不显示
【发布时间】：2010-01-05 03:37:34
【问题描述】：

唯一比在 IE6 中出现 CSS 问题更糟糕的是，在 IE6 中出现的 CSS 问题与其他人的不同。

我有一个 div，具有固定的宽度和高度，并且溢出设置为滚动。它适用于 IE7/8、FF、Chrome 等。 div 是不可见的。它不显示。就好像我把 display:none 放在上面一样。

如果我删除溢出 - 它会出现。重新戴上 - 消失。

通常我可以通过谷歌搜索解决此类问题，但我找不到以前遇到过此错误的人。 This is irrelevant, this looked promising 但没有帮助。

这里是 div 结构：

<div style="width: 640px; position: absolute; z-index: 100001; left: 312px; top: 59.5px;min-height:0;">
    <div style="width: 100%; min-height:0px" >
=>      <div style="height: 450px; overflow-y: scroll; overflow-x: hidden; padding-right: 17px; min-height:0px;">
            <div style="min-height:0px;">
                <div style="min-height:0px;">
                    <table style="width:100%;border-collapse:collapse;">
                    //lots of rows
                    </table>
                    <input type="hidden" />
                </div>
                <input type="hidden" /><input type="hidden" />
            </div>
        </div>
        <div class="cColHeaderBG" style="text-align: right;"> //Shows up fine
            <input type="button" />
            <button>Save</button>  
        </div>
    </div>
</div>

我知道这很麻烦，很大程度上是 ASP.Net AJAX 呈现其弹出面板的方式。

【问题讨论】：

标签： css internet-explorer-6 overflow

【解决方案1】：

解决办法是改变

<div style="height: 450px; overflow-y: scroll;

到

<div style="height: 450px !important; overflow-y: scroll;

我不知道为什么会这样（没有在任何地方应用其他样式规则），但确实如此。希望它可以帮助其他人。

【讨论】：