overflow 屬性的使用

2021-08-08 23:58:19 字數 455 閱讀 3458

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

注釋:任何的版本的 internet explorer (包括 ie8)都不支援屬性值 "inherit"。

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

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

visible

預設值。內容不會被修剪,會呈現在元素框之外。

hidden

內容會被修剪,並且其餘內容是不可見的。

scroll

內容會被修剪,但是瀏覽器會顯示滾動條以便檢視其餘的內容。

auto

如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容。

inherit

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

CSS中的overflow屬性

如果元素中的內容超出了給定的寬度和高度屬性,overflow 屬性可以確定是否顯示滾動條,是否隱藏溢位部分等行為,規定當內容溢位元素框時發生的事情。visible 預設值。內容不會被修剪,會呈現在元素框之外。hidden 內容會被修剪,並且其餘內容是不可見的。scroll 內容會被修剪,但是瀏覽器會...

CSS學習 overflow屬性

在網頁布局中,未處理的溢位元素絕對算得上是個 毒瘤 因為如果乙個 盒子 周圍還有其它元素,而從這個盒子中溢位的元素會和盒子周圍的元素發生層疊,並脫離了整個html元素,所以我們應當合理使用css中的overflow屬性來處理溢位的元素。doctype html html lang en head m...

修正IE下使用CSS屬性overflow的bug

你或許知道ie在使用 css 屬性overflow時,有一些bug,請允許我在裡重述一下。我們要建立乙個測試用html檔案,以下是關鍵的 片斷 http creativecommons.org licenses by nc sa 2.5 cn rel license 遵守我的版權 http crea...