CSS overflow 屬性
定義和用法
overflow 屬性規(guī)定當(dāng)內(nèi)容溢出元素框時(shí)發(fā)生的事情。
說(shuō)明
這個(gè)屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會(huì)如何處理。如果值為 scroll，不論是否需要，用戶代理都會(huì)提供一種滾動(dòng)機(jī)制。因此，有可能即使元素框中可以放下所有內(nèi)容也會(huì)出現(xiàn)滾動(dòng)條。
| 默認(rèn)值： | visible |
|---|---|
| 繼承性： | no |
| 版本： | CSS2 |
| JavaScript 語(yǔ)法： | object.style.overflow="scroll" |
瀏覽器支持
所有主流瀏覽器都支持 overflow 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| visible | 默認(rèn)值。內(nèi)容不會(huì)被修剪，會(huì)呈現(xiàn)在元素框之外。 |
| hidden | 內(nèi)容會(huì)被修剪，并且其余內(nèi)容是不可見(jiàn)的。 |
| scroll | 內(nèi)容會(huì)被修剪，但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。 |
| auto | 如果內(nèi)容被修剪，則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 overflow 屬性的值。 |
TIY 實(shí)例
- 如何使用滾動(dòng)條來(lái)顯示元素內(nèi)溢出的內(nèi)容
- 本例演示當(dāng)元素內(nèi)容太大而超出規(guī)定區(qū)域時(shí)，如何設(shè)置溢出屬性來(lái)規(guī)定相應(yīng)的動(dòng)作。
- 如何隱藏溢出元素中溢出的內(nèi)容
- 本例演示在元素中的內(nèi)容太大以至于無(wú)法適應(yīng)指定的區(qū)域時(shí)，如何設(shè)置 overflow 屬性來(lái)隱藏其內(nèi)容。
- 如何設(shè)置瀏覽器來(lái)自動(dòng)地處理溢出
- 本例演示如何設(shè)置瀏覽器來(lái)自動(dòng)地處理溢出。