一、怎么样在div+css中设置一个div的框并出现滚动条
1、打开dw，新建一个html页面，进入html页面编辑。
2、在代码的body中间编写一个div层。
3、将这个新建好的html页面跟编写好的div利用快捷键“ctrl+s”另保存到知道的目录下。
4、点击dw的文件按钮，在弹出的下拉框中，选择“新建”。
5、在新建的窗口中，找到“css”这一栏，点击“css”新建一个css样式。
6、写样式用".pingmu{}"开始写，给它固定宽高，再添加背景色，让div自适应宽高，超过部分显示滚动条。
7、将这个css样式保存到同级目录下，如ceshi.html在c盘，css样式也保存在c盘。
8、保存好样式后，双击这个ceshi.html页面，用浏览器打开后看到100像素宽高的黑块。
二、用css怎么设置div滚动条的样式,可改变大小的
在css设置可改变大小的div滚动条样式方法：
1.首先新建html文档，进入代码书写界面。
2.在</head>和<body>的里面写入代码，在<div>里面写入想要输入的内容</div>。
3.书写外层轨道css代码。body::-webkit-scrollbar{ width:20px; height:2px; background:#ccc; border-radius:10px;/*外层轨道*/}
这里主要是设置外层轨道的形状和颜色。
4.书写内层轨道css代码。body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:red;/*内层轨道*/}
这里主要是设置内层轨道的形状和颜色。
5.代码工作做完后，就可以查看效果，效果如下红框所示，滚动条设置完成。
三、窄一点的DIV滚动条如何制作呢
滚动条用的是系统自带的样式，
IE的滚动条样式可以修改，其他的还没见过可以修改的：
/*滚动条的样式修改，IE下有效；对div的scrollbar进行修改，能改变IE的滚动条效果*/
#scrollBarStyle.largeText{
border:none;
background-color:#EEE;
margin:4em 10em;
overflow:auto;
scrollbar-3dlight-color:white;
scrollbar-arrow-color:white;
scrollbar-darkshadow-color:white;
scrollbar-face-color:#060;
scrollbar-highlight-color:#060;
scrollbar-shadow-color:#060;
Scrollbar-Track-Color:#BBB;
}
<div id="scrollBarStyle" class="content tabA">
<textarea rows="20" cols="50" class="largeText">
要改变IE浏览器的滚动条，需要对div进行scrollbar设置。
这里是个内部的滚动条
overflow:auto;控制滚动条不需要的时候隐藏
c
d
e
f
s
s
s
s
s
s
a
b
c
f
s
s
s
s
s
s
</textarea>
</div>
你可以看看效果。
四、怎么让页面不显示滚动条但某个DIV允许有滚动条
解决方法如下：
1，把body标签的样式（滚动条）禁用。
2，div标签的样式（滚动条）启用。
<html><head><style>body{ overflow:hidden;}.test{ width:100px; height:100px; overflow:auto;}</style></head><body><div class="test"> DIV内容区域，当内容超出该DIV范围时出现滚动条 DIV内容区域，当内容超出该DIV范围时出现滚动条 DIV内容区域，当内容超出该DIV范围时出现滚动条 DIV内容区域，当内容超出该DIV范围时出现滚动条 DIV内容区域，当内容超出该DIV范围时出现滚动条</div></body></html>。
文章分享结束，某个div的滚动条样式和用css怎么设置div滚动条的样式,可改变大小的的答案你都知道了吗？欢迎再次光临本站哦！
