在web頁面中，有一塊固定大小的區域。在此區域中顯示的數據由于條件不同而顯示的數據也不同，有的時候顯示的數據非常的多，會超出此區域的大小范圍，而有的時候很少。所以希望有一種設置，能根據數據的多少，在固定區域中自動產生滾動條。在web頁面中div標簽就可以滿足此要求。
html代碼如下：
<html>
<body>
<div style="height:400;overflow:auto "><table width="543" height="300" border="1">
<tr>
<td width="59"><div align="center"></div></td>
<td width="59"><div align="center"></div></td>
<td width="403"><div align="center"></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>
說明：div的高度為400，而table的高度為300，此種情況不會出現滾動條。div的高度為300，而table的高度為400，此種情況下，在table的旁邊就會出現滾動條。主要是利用了div的overflow屬性。