弹性的表格中自动显示滚动条

一方面要根据浏览器的窗口大小尽量多显示内容
另外一方面如果内容实在显示不下,就显示滚动条
<table width="90%" border="1"  style="TABLE-LAYOUT: fixed;">
  
<tr>
    
<td>
    
<DIV style="OVERFLOW:auto; WIDTH: 100%;hight:100px">
    
<table width="500px" border="1">
      
<tr>
        
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
      
</tr>
      
<tr>
        
<td>6</td><td>7</td><td>8</td><td>9</td><td>10</td>
      
</tr>
      
<tr>
        
<td>11</td><td>12</td><td>13</td><td>14</td><td>15</td>
      
</tr>
      
<tr>
        
<td>16</td><td>17</td><td>18</td><td>19</td><td>20</td>
      
</tr>
      
<tr>
        
<td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
      
</tr>
    
</table>
    
</DIV>
    
</td>
  
</tr>
</table>

在小窗口下显示效果(IE和FireFox)





在大窗口下显示效果(IE和FireFox)




IE和Firefox还是有所不同的。。。
原文地址:https://www.cnblogs.com/wormday/p/429081.html