IE6中的CSS溢出问题 - 元素不会出现/显示
问题描述:
唯一比在IE6中遇到CSS问题更糟糕的是IE6中存在CSS问题,这是不同于其他人的。IE6中的CSS溢出问题 - 元素不会出现/显示
我有一个div,固定宽度和高度,溢出设置为滚动。它适用于IE7/8,FF,Chrome等。 div是隐形。它没有出现。这就好像我把显示器:没有。
如果我删除溢出 - 它显示出来。放回去 - 消失。
通常情况下,我可以通过这样的问题谷歌我的方式,但我找不到任何人以前得到此错误。 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如何呈现其弹出面板。
答
解决的办法是改变
<div style="height: 450px; overflow-y: scroll;
到
<div style="height: 450px !important; overflow-y: scroll;
我不知道为什么这个工作(有没有被任何地方应用其他样式规则),但它没有。希望它可以帮助别人。
不适用于我。我正在使用gwt。任何想法的人... – cometta 2010-08-14 13:27:30