css實現(xiàn)div自動添加滾動條(圖片或文字等超出時顯示)

2024-07-11 08:29:02

字體：大中小

供稿：網(wǎng)友

原來用過，沒有太在意，最近又用到。記下方便以后用。

復(fù)制代碼

代碼如下:
<div style='border:0px;padding:3px; PADDING:0px; width:200px; height:480px; LINE-HEIGHT: 20px; OVERFLOW: auto; '></div>

語法：
overflow : visible | auto | hidden | scroll ;
參數(shù)：
1.visible :不剪切內(nèi)容也不添加滾動條。假如顯式聲明此默認(rèn)值，對象將被剪切為包含對象的window或frame的大小。并且clip屬性設(shè)置將失效
2.auto :此為body對象和textarea的默認(rèn)值。在需要時剪切內(nèi)容并添加滾動條
3.hidden :不顯示超過對象尺寸的內(nèi)容
4.scroll :總是顯示滾動條
說明：
檢索或設(shè)置當(dāng)對象的內(nèi)容超過其指定高度及寬度時如何管理內(nèi)容。
設(shè)置textarea對象為hidden值將隱藏其滾動條。
對于table來說，假如table-layout屬性設(shè)置為fixed，則td對象支持帶有默認(rèn)值為hidden的overflow屬性。如果設(shè)為hidden，scroll或者auto，那么超出td尺寸的內(nèi)容將被剪切。如果設(shè)為visible，將導(dǎo)致額外的文本溢出到右邊或左邊（視direction屬性設(shè)置而定）的單元格。
自IE5開始，此屬性在MAC平臺上可用。
對應(yīng)的腳本特性為overflow。
示例：

復(fù)制代碼

代碼如下:
div { overflow: scroll; height: 100px; width: 100px; }

上一篇：CSS層疊樣式表之CSS解析機(jī)制的優(yōu)先級及樣式覆蓋問題探討

下一篇：css中偽類:after的用法(三種方式)