如何在Firefox和IE中顯示滾動條？

我想在div上使用屬性overflow：auto和setting overflow：在body上隱藏一個滾動條。它適用於Chrome，但不適用於Firefox和IE。如何在Firefox和IE中顯示滾動條？

任何人都可以解釋爲什麼這個代碼有2種不同的行爲？

<html lang="en" class="fillScreen" dir="ltr"><head> 
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
    <meta content="IE=edge" http-equiv="X-UA-Compatible"> 



    <link rel="stylesheet" href="template4.css" type="text/css"> 

    <style> 

     .fillScreen { 
      bottom:0px; 
      height:100%; 
     } 

     html, body { 
      margin: 0; padding: 0; 
      height: 100%; 
      overflow: hidden; 
     } 


    </style> 

    </head> 

    <body class="fillScreen"> 

    <div class="fillScreen" style="display:table;width:100%"> 

     <div class="fillScreen" style="display:table-row"> 

      <div style="border: solid 2px red;overflow:auto;display:table-cell;overflow:auto" class="fillScreen" >    

        <div class="fillScreen" style="display:table;width:100%;overflow:auto">    

         <div class="fillScreen" style="border: solid 1px blue;" style="display:table-row">    

          <div class="fillScreen" style="display:table-cell">    
           <div class="fillScreen" style="position:relative"> 

            <button width="142px" height="20px" style="position:absolute;top:99px;left:20px;">OK</button> 

           </div> 
          </div>   

         </div> 

        </div> 

      </div> 
     </div> 

    </div> 

</body> 
</html>

有可能在這裏進行測試調整窗口大小時http://jsfiddle.net/nMSvv/2/ 滾動條apears在Chrome中。

我補充一點，我絕對需要顯示與絕對位置的按鈕，需要不斷的div

的這種結構非常感謝您的幫助

來源

2012-12-18 user1852912

我沒有看到任何滾動條，即使在鍍鉻 –

薩調整時我在這裏，Windows上的Chrome 23沒有像FF那樣的滾動條。 – mikel

的解決方案是在這裏：http://jsfiddle.net/nMSvv/3/

我需要包，我想用一個滾動條的div：

<div class="fillScreen" style="position:relative;overflow:auto">    
    <div style="position:absolute;top:0px;left:0px"> 

    </div> 
</div>

來源

2012-12-18 13:25:15 user1852912

如何在Firefox和IE中顯示滾動條？

回答

相關問題