<p>div滚动条怎么设置，div滚动条样式设置方式。所谓DIV滚动条，就是利用DIV标签，在里面嵌入CSS样式表，加入overflow的属性值，这样，当div所规范的区域内的内容达到一定程序时，滚动条就派上用场。</p><p>其功能大约是为了节约页面空间，就是所谓的“缩地”了。当div所定义的区域的内容达到一定程度时，在div标签里面嵌入css样式表，定义overflow的属性值，设置DIV滚动条相关的属性。</p><p>下面直接上代码了：</p><pre class="brush:html;toolbar:false"><div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div></pre><p>记住宽和高一定要设置噢，否则不成的</p><p>这样比较好的是，在宽和高不超出时，只是一条线</p><p>直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：</p><pre class="brush:html;toolbar:false"><div style="position:absolute; height:400px; overflow:auto"></div></pre><p><span style="color: rgb(255, 0, 0);">如果要出现水平滚动条，则： overflow-x:auto</span></p><p><span style="color: rgb(255, 0, 0);">同理，垂直滚动条为： overflow-y:auto</span></p><p><span style="color: rgb(255, 0, 0);">如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative</span></p><p>当然，下面像下面这种也是可以的哈</p><p>示例代码：</p><pre class="brush:html;toolbar:false"><styletylestyletyle="text/css"> .testdiv{ border-style:solid; border-width:50px; border-color:pink; position:absolute; top:200px; left:300px; height:200px; width:300px; overFlow-x:scroll; overFlow-y:hidden; scrollBar-face-color:green; scrollBar-hightLight-color:red; scrollBar-3dLight-color:orange; scrollBar-darkshadow-color:blue; scrollBar-shadow-color:yellow; scrollBar-arrow-color:purple; scrollBar-track-color:black; scrollBar-base-color:pink; } </style></pre><p><span style="color: rgb(255, 0, 0);">注：</span></p><p><strong>1、overFlow:</strong></p><p>visible却省值，没有DIV滚动条，根据内容自动扩撑区域的大小，即定义的区域无效</p><p>scroll总是显示滚动条</p><p>hidden没有滚动条，超出区域的内容不可见</p><p>auto根据内容自动判断是否添加滚动条</p><p><strong>2、DIV滚动条颜色属性：</strong></p><p>face-color：滑块颜色</p><p>hightlight-color：高亮颜色</p><p>3dlight-color：三维光线颜色</p><p>darkshadow-color：暗影颜色</p><p>shadow-color：阴影颜色</p><p>arrow-color：箭头颜色</p><p>track-color：滑道颜色</p><p>base-color：DIV滚动条的主要颜色，其中包含滚动按钮和滚动滑块</p><p><strong>3、overFlow-xoverFlow-y</strong></p><p>visible却省值，没有DIV滚动条，根据内容自动扩撑区域的大小，即定义的区域无效</p><p><strong>scroll总是显示滚动条</strong></p><p>hidden没有DIV滚动条，超出区域的内容不可见</p><p>auto根据内容自动判断是否添加滚动条</p>
