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%"> 
                          
                    </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%"> 
                          
                    </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>