css overflow屬性

定義和用法
overflow 屬性規定當內容溢出元素框時發生的事情。
說明
這個屬性定義溢出元素內容區的內容會如何處理。如果值為 scroll，不論是否需要，使用者代理程式都會提供一種滾動機制。因此，有可能即使元素框中可以放下所有內容也會出現捲軸。

overflow屬性值：
1.visible：預設值。內容不會被修剪，會呈現在元素框之外。
2.hidden：內容會被修剪，並且其餘內容是不可見的。
3.scroll：內容會被修剪，但是瀏覽器會顯示捲軸以便查看其餘的內容。
4.auto：如果內容被修剪，則瀏覽器會顯示捲軸以便查看其餘的內容。
5.inherit：規定應該從父元素繼承 overflow 屬性的值。
總結：overflow屬性值中visible和hidden是對立的，scroll和auto是對立的。inherit是繼承父元素的overflow屬性值，預設是scroll.

情境：文字框是用來發表意見的，不顯示捲軸而且當內容溢出給出的顯示空間的時候，不能再輸入文字了。
代碼：

Html代碼 <table border=1 cellspacing=0 cellpadding=0>     <tr>         <td colspan="4" align="left" height="40px"             style="FONT-FAMILY: 宋體; FONT-SIZE: 12pt;">              <table border=0 cellspacing=0 cellpadding=0 width=100%>                 <tr>                     <td colspan=2>                         審計單位意見:                     </td>                 </tr>                 <tr>                     <td colspan=2>                         <textarea rows="8" cols="120" style="overflow: hidden"></textarea>                     </td>                 </tr>                 <tr>                     <td width="44%">                         &nbsp;                     </td>                     <td style="padding-left: 100px;">                         <input type="text" size="8" maxsize="4" align="center"                             style="border: none;">                         年                         <input type="text" size="4" maxsize="2" align="center"                             style="border: none;">                         月                         <input type="text" size="4" maxsize="2" align="center"                             style="border: none;">                         日                     </td>                 </tr>             </table>         </td>     </tr>     </tr>     <tr>         <td colspan="4" align="left" height="40px"             style="FONT-FAMILY: 宋體; FONT-SIZE: 12pt;">             <table border=0>                 <tr>                     <td>                         發包人意見:                     </td>                 </tr>                 <tr>                     <td colspan=2>                         <textarea rows="8" cols="120" style="overflow: hidden;"></textarea>                     </td>                 </tr>                 <tr>                     <td width="44%">                         &nbsp;                     </td>                     <td style="padding-left: 100px;">                         <input type="text" size="8" maxsize="4" align="center"                             style="border: none;">                         年                         <input type="text" size="4" maxsize="2" align="center"                             style="border: none">                         月                         <input type="text" size="4" maxsize="2" align="center"                             style="border: none">                         日                     </td>                 </tr>             </table>         </td>     </tr> </table>

