html中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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章