設置表格行的百分比不適用於Firefox。解決方案？

我想要第一行的高度爲屏幕的70％。我在第一行的div中設置了自動溢出，這樣滾動條就不會出現在整個網頁上，只有這個div。我的解決方案適用於Chrome和IE，但不適用於Firefox：在Firefox上，第一行的大小超過了70％。任何解決方案？設置表格行的百分比不適用於Firefox。解決方案？

這裏是一個的jsfiddle：http://jsfiddle.net/4hyCh/

<body> 
    <div style="height: 100%;"> 

     <table style="height: 100%;"> 
      <tr> 
       <td style="height: 70%;"> 
        <div class="mainDiv"> 
         AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br /> 
         AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br /> 
         AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br /> 
         AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br /> 
         AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br /> 
         AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br /> 
         AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br /> 
         AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br /> 
         AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br /> 
         AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br /> 
         AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br /> 
         AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br />AAA AAA<br /> 
        </div> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <div class="footerDiv"> 
         Copyright some company... 
        </div> 
       </td> 
      </tr> 
     </table> 

    </div> 
</body>

CSS：

html 
{ 
    height:100%; 
    margin: 0px; 
} 

body 
{ 
    height:100%; 
    margin: 0px; 
    font-family: Verdana; 
} 

.mainDiv 
{ 
    background-color: #00FF00; 
    height: 100%; 
    overflow: auto; 
} 

.footerDiv 
{ 
    background-color: #FF00FF; 
}

來源

2014-01-23 kovacs lorand

實測值的溶液：該表需要：

<tbody style="height: 100%;">

來源

2014-01-23 12:33:06

設置表格行的百分比不適用於Firefox。解決方案？

回答

相關問題