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

標籤：style   blog   http   os   width   art   

今天做了個範例：

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