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

一方面要根据浏览器的窗口大小尽量多显示内容
另外一方面如果内容实在显示不下，就显示滚动条

<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/archive/2006/06/18/429081.html