1. 程式人生 > >div:給div加滾動條 div的滾動條設定

div:給div加滾動條 div的滾動條設定

今天做了個例子:

div 的滾動條問題:

兩種方法:

一、

<div style=" overflow:scroll; width:400px; height:400px;”></div>

記住寬和高一定要設定噢,否則不成的

不過在不超出時,會有下面的滾動條,所以不是最好的選擇

二、

<div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>

記住寬和高一定要設定噢,否則不成的

這樣比較好的是,在寬和高不超出時,只是一條線

三、說明

直接為div指定overflow屬性為auto即可,但是必須指定div的高度,如下:

<div style="position:absolute; height:400px; overflow:auto">

</div>

如果要出現水平滾動條,則: overflow-x:auto

同理,垂直滾動條為: overflow-y:auto

如果該div被包含在其他物件例如td中,則位置可設為相對:position:relative