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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM