用帶滾動條的div節省空間

來自：http://blog.csdn.net/hell8088/archive/2007/11/27/1903755.aspx

<table style="width: 500px;" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="height: 19px; text-align: left;">
<!--超過220自動加滾動條-->
<div id="div2" style="overflow: auto; height: 220px;">
<table style="width: 90%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>DIV滾動效果<br />
                                        DIV滾動效果<br />
                                        DIV滾動效果<br />
                                        DIV滾動效果<br />
                                        DIV滾動效果<br />
                                        DIV滾動效果<br />
                                        DIV滾動效果<br />
                                        DIV滾動效果<br />
                                        DIV滾動效果<br />
                                        DIV滾動效果<br />
                                        DIV滾動效果<br />
                                        DIV滾動效果<br />
                                        DIV滾動效果<br />
                                        DIV滾動效果<br />
                                        DIV滾動效果
<p>&nbsp;</p>
<p>&nbsp;</p>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>

效果如下：

DIV滾動效果
DIV滾動效果
DIV滾動效果
DIV滾動效果
DIV滾動效果
DIV滾動效果
DIV滾動效果
DIV滾動效果
DIV滾動效果
DIV滾動效果
DIV滾動效果
DIV滾動效果
DIV滾動效果
DIV滾動效果
DIV滾動效果