您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > css教程 > CSS overflow 屬性

CSS overflow 屬性

此節(jié)有 316 人學(xué)習(xí)過參與評論

實例

設(shè)置 overflow 屬性：

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

所有主流瀏覽器都支持 overflow 屬性。

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

overflow 屬性規(guī)定當(dāng)內(nèi)容溢出元素框時發(fā)生的事情。

這個屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會如何處理。如果值為 scroll，不論是否需要，用戶代理都會提供一種滾動機(jī)制。因此，有可能即使元素框中可以放下所有內(nèi)容也會出現(xiàn)滾動條。

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

值	描述
visible	默認(rèn)值。內(nèi)容不會被修剪，會呈現(xiàn)在元素框之外。
hidden	內(nèi)容會被修剪，并且其余內(nèi)容是不可見的。
scroll	內(nèi)容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容。
auto	如果內(nèi)容被修剪，則瀏覽器會顯示滾動條以便查看其余的內(nèi)容。
inherit	規(guī)定應(yīng)該從父元素繼承 overflow 屬性的值。

如何使用滾動條來顯示元素內(nèi)溢出的內(nèi)容: 本例演示當(dāng)元素內(nèi)容太大而超出規(guī)定區(qū)域時，如何設(shè)置溢出屬性來規(guī)定相應(yīng)的動作。
如何隱藏溢出元素中溢出的內(nèi)容: 本例演示在元素中的內(nèi)容太大以至于無法適應(yīng)指定的區(qū)域時，如何設(shè)置 overflow 屬性來隱藏其內(nèi)容。
如何設(shè)置瀏覽器來自動地處理溢出: 本例演示如何設(shè)置瀏覽器來自動地處理溢出。