div添加滚动条常见属性

div添加滚动条常见属性

2010-12-17 分类：

由于页面上的表里的末一列的内容太多，显示的内容不美观了，就想在这一列上加滚动条，在网上搜了一下，用div可以实现，感觉还不错，下面的是在网上查到的。

想在div里添加滚动条设置一下style就ok了

方位属性：

width:限制div区域的宽

height:限制div区域的高;

top：元素的顶边相对于容器的顶边的偏移

left：元素的左边相对于容器的右边的偏移

right:元素的右边相对于容器的右边的偏移

bottom：元素的底边相对于容器的底边的偏移

z-index：div层位置，div必须是浮动的，值越大div越靠前，数值可以不连续

滚动条属性：

overflow-x:水平滚动条

overflow-y:垂直滚动条

overflow:水平和垂直滚动条

值：

visible 却省值，没有滚动条，根据内容自动扩撑区域的大小，即定义的区域无效

scroll 总是显示滚动条

hidden 没有滚动条，超出区域的内容不可见

auto 根据内容自动判断是否添加滚动条

颜色属性：

scrollbar-3d-light-color立体滚动条亮边的颜色

scrollbar-arrow-color上下按钮上三角箭头的颜色

scrollbar-base-color滚动条的基本颜色

scrollbar-dark-shadow-color立体滚动条强阴影的颜色

scrollbar-face-color立体滚动条凸出部分的颜色

scrollbar-highlight-color滚动条空白部分的颜色

scrollbar-shadow-color立体滚动条阴影的颜色

scrollbar-track-color滑道颜色