Overflow

Overflow

計算機領域術語
overflow 為CSS中設置當對象的内容超過其指定高度及寬度時如何管理内容的屬性。overflow 屬性規定當内容溢出元素框時所觸發的事件。[1]
  • 中文名:
  • 外文名:Overflow
  • 别名:
  • 初始值:visible
  • 繼承性:無
  • 媒 體:visual
  • 兼容性:IE4+ NS6+
  • 版 本:CSS2

說明

這個屬性定義溢出元素内容區的内容會如何處理。如果值為 scroll,不論是否需要,用戶代理都會提供一種滾動機制。因此,有可能即使元素框中可以放下所有内容也會出現滾動條。

基本特性

适用于:block-level and replaced elements

JavaScript 語法:object.style.overflow="scroll"

基本語法

overflow-x overflow-y

overflow : visible | auto | hidden | scroll

語法取值

visible:默認值。不剪切内容也不添加滾動條。假如顯式聲明此默認值, 對象将以包含對象的 window 或 frame 的尺寸裁切。并且 clip 屬性設置将失效;

auto:在必需時對象内容才會被裁切或顯示滾動條;

hidden:不顯示超過對象尺寸的内容;

scroll:總是顯示滾動條。

清除浮動

設置overflow的一個更流行的用處是,清除浮動。設置overflow并不會在該元素上清除浮動,它将清除自己(self-clear)。意思就是,應用了overflow(auto或hidden)的元素,将會擴展到它需要的大小以包圍它裡面的浮動的子元素(而不是疊了起來(collapsing)),假設未定義高度。就像這樣

使用說明

檢索或設置當對象的内容超過其指定高度及寬度時如何管理内容。所有對象的默認值是 visible ,除了 textarea 對象和 body 對象的默認值是 auto 。設置 textarea 對象此屬性值為 hidden 将隐藏其滾動條。對于 table 來說,假如 table-layout 屬性設置為 fixed ,則 td 對象支持帶有默認值為 hidden 的 overflow 屬性。如果設為 scroll 或者 auto ,那麼超出 td 尺寸的内容将被剪切。如果設為 visible ,将導緻額外的文本溢出到右邊或左邊(視 direction 屬性設置而定)的單元格。自IE5開始,此屬性在MAC平台上可用。自IE6開始,當你使用 !DOCTYPE 聲明指定了 standards-compliant 模式,此屬性可以應用于 html 對象。對應的腳本特性為 overflow 。

可能的值

描述

visible

默認值。内容不會被修剪,會呈現在元素框之外。

hidden

内容會被修剪,并且其餘内容是不可見的。

scroll

内容會被修剪,但是浏覽器會顯示滾動條以便查看其餘的内容。

auto

如果内容被修剪,則浏覽器會顯示滾動條以便查看其餘的内容。

inherit

規定應該從父元素繼承 overflow 屬性的值。

實例

設置 overflow 屬性:

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

PC用語

計算機用語,本義是溢出,參考該詞條。

相關詞條

相關搜索

其它詞條