IE6中的CSS溢出問題 - 元素不會出現/顯示

Question

唯一比在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如何呈現其彈出面板。

Answer 1

解決的辦法是改變

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

到

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

我不知道爲什麼這個工作（有沒有被任何地方應用其他樣式規則），但它沒有。希望它可以幫助別人。