CSS overflow屬性用法總結

CSS的overflow屬性用法總結：

    一個小知識點，積累一下。最近又開始接觸界面了，也正好複習一下。

一、定義和用法：

    overflow 屬性規定當內容溢出元素框時發生的事件。

二、說明：

    這個屬性定義溢出元素內容區的內容會如何處理。若是值爲 scroll，不管是否須要，用戶代理都會提供一種滾動機制。所以，有可能即便元素框中能夠放下全部內容也會出現滾動條。

默認值：	visible
繼承性：	no
版本：	CSS2
JavaScript 語法：	object.style.overflow="scroll"

三、例如：

div{
    width:150px;
    height:150px;  
    overflow:scroll;
}

四、瀏覽器支持：

    全部主流瀏覽器都支持 overflow 屬性

五、可能的值

值	描述
visible	默認值。內容不會被修剪，會呈如今元素框以外。
hidden	內容會被修剪，而且其他內容是不可見的。
scroll	內容會被修剪，可是瀏覽器會顯示滾動條以便查看其他的內容。
auto	若是內容被修剪，則瀏覽器會顯示滾動條以便查看其他的內容。
inherit	規定應該從父元素繼承 overflow 屬性的值。

注：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"

PS：「騏驥一躍，不能十步；駑馬十駕，功在不捨；鍥而舍之，朽木不折；持之以恆，金石可鏤。」

備註：以上資料參考自http://www.w3school.com.cn，特此聲明。