Question

HTML怎么给table添加滚动条

Answer 1

<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:196px;
height:198px;
z-index:1;
overflow-x:hidden;
overflow-y:scroll
}
-->
</style>
<table width="400" height="400" border="1" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#999966">
<td width="100" height="100"> </td>
<td width="200" height="100"> </td>
<td width="100" height="100"> </td>
</tr>
<tr>
<td width="100" height="200" bgcolor="#999966"> </td>
<td width="200" height="200" align="left" valign="top"><div id="Layer1">文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容 </div></td>
<td width="100" height="200" bgcolor="#999966"> </td>
</tr>
<tr bgcolor="#999966">
<td width="100" height="100"> </td>
<td width="200" height="100"> </td>
<td width="100" height="100"> </td>
</tr>
</table>

Answer 2

1.<!--div比table大小要小才会显示-->
2.<div style="overflow-x: auto; overflow-y: auto; height: 100px; width:200px;">
3.   <table id="table" border="1" align="center" width="300px" height="200px">
4. <tbody>
5.  <tr><td>00</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td></tr>
6.  <tr><td>10</td><td>11</td><td>12</td><td>13</td><td>15</td><td>15</td></tr>
7.  <tr><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr>
8.  <tr><td>30</td><td>31</td><td>32</td><td>33</td><td>34</td><td>35</td></tr>
9. </tbody>
10.</table>
11. </body>
12. </div>