怎么样在div+css中设置一个div的框并出现滚动条
创始人
2025-03-09 05:09:21
怎么样在div+css中设置一个div的框并出现滚动条怎么样在div+css中设置一个div，给他设置宽和高，并让他出现滚动条 
.div{
    width:100%;
    height:200px;
    overflow-x:hidden;
    overflow-y:auto;
}

/*兼容IE*/
.div{
    scrollbar-face-color: #20a774;/*移动滑块颜色*/
    scrollbar-shadow-color: #20a774;/*移动滑块边框颜色*/
    scrollbar-track-color: #ccc;/*背景颜色*/
    scrollbar-arrow-color: #ddd;/*箭头颜色*/
}
.div::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #ccc;
}/* 滚动条的滑轨背景颜色 */
.div::-webkit-scrollbar
{
	width: 6px;
	background-color: #ccc;
}

.div::-webkit-scrollbar-thumb
{
	background-color: #20a774;
}/* 滑块颜色 */

当div内的内容超过200px时才会显示滚动条，下边的代码是对滚动条的优化，希望对你有帮助。


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像素宽高的黑块。


div 加滚动条的方法：

如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative
怎么样在div+css中设置一个div的框并出现滚动条 3个回答

上一篇：世界上有外星人吗？

下一篇：死侍与slender man的漫画

相关内容

热门资讯

人,很平凡,但,人生注定不平凡... 人,很平凡,但,人生注定不平凡什么意思是形容人生的一种状态，人兄樱御生而平凡，但是每个人的一生都不一...
意未平,情难炔,人为央,花亦谢... 意未平,情难炔,人为央,花亦谢是什么意思根据字面意思，这句话的意思可能是：意未平：心颤清埋中的情感尚...
关于小说《阳神》的问题 关于小说《阳神》的问题他老爸是太师，官方人士，非民间
破碎虚空是什么意思？ 破碎虚空是什么意思？？破碎虚空来源于黄易的小说，现在一般用于玄幻修真类铅敬小说里，意味着人修炼成功然...
动漫里有叫樱的女孩的都有哪些？ 动漫里有叫樱的女孩的都有哪些？越多越好，要有动漫名+人物全称！真宫寺樱纳没铅《樱花大战》、小樱《翼年...
板胡是指什么？ 板胡是指什么？弓弦乐器。又名梆胡、秦胡等。形似二胡，琴筒由半个椰壳或木制成，蒙薄桐木板，故称板胡。琴...
仙途是什么意思 仙途是什么意思仙途顾名思义 成仙的过程。
古龙笔下十大恶人谁是好人？他们... 古龙笔下十大恶人谁是好人？他们为什么收留小鱼儿好在哪里？收留小鱼儿就不用说了...............
鬼谷子成名著作 鬼谷子成名著作《鬼谷子》及《本经阴符七术》。鬼谷子，姓王名诩(或利)，又名王禅，号玄微子，常入云梦山...
世界的一切事情都在不断的发生着... 世界的一切事情都在不断的发生着变化的翻译是：什么翻译如下世界的一切事情都在不断的发生着变化Every...
一部挺久远的电视剧大概有差不多... 一部挺久远的电视剧大概有差不多8年了，是一部古装剧，男主角是一个野人，在小的时候被一个女孩子发现，好...
我喜欢上了闺蜜的男友，二女共侍... 我喜欢上了闺蜜的男友，二女共侍一夫可以吗，真的很爱他，他很帅不可以，毕竟他是别人家的，还是你闺蜜。这...
各类影视会员价格 各类影视会员价格第一个月试用。可以再说，全网影视会员就有会员价
阅读短文牛和鹅用横线画出写我的... 阅读短文牛和鹅用横线画出写我的心理活动的句子说说这些心理描写体现了什么？体现了我对鹅的害怕阅读短文牛...
求个影子的题目 求个影子的题目关于一道影子的科学题目 一个人身高1.7米,以每分钟2米的速度前行,在某地段影子长1...
作文xx在其中 作文xx在其中作文越写越好建议先自己写然后再看大家回答，不要以为问
“堂前的你和我相逢时会沉默还是... “堂前的你和我相逢时会沉默还是会诉尽衷肠”是什么意思？燕归巢作词：许嵩作曲：许嵩演唱：许嵩 雨后江岸...
龙潭寺的地名是关于人名的 龙潭寺的地名是关于人名的问言谁与餐?
求（神级奖励系统）类似小说，完... 求（神级奖励系统）类似小说，完本的小说哟求神级奖励系统类似小说，完本的小说哟吾家小熊猫的《无敌强化系...
求小说名。是男主穿越到唐朝的，... 求小说名。是男主穿越到唐朝的，男主叫叶畅。是不是【大唐御医】，男主穿越后把茅台给当了...连同茅台的...
广州市（除白云区以外）是什么意... 广州市（除白云区以外）是什么意思？广州市（除白云区以外）是什么意思？就是除了白云区以外的广州市区。。...
海边微风起。等风也等你！跪求下... 海边微风起。等风也等你！跪求下一句海边微风起。等风也等你！跪求下一句梦里思故里 思故亦思你树上繁花现...
宝宝开始吃米糊后，应怎样给他吃... 宝宝开始吃米糊后，应怎样给他吃奶呢？我觉得可以每天早上给他吃一顿，然后中午吃米糊，晚上再吃一顿，这样...
不用的奶粉罐子可以做成什么手工 不用的奶粉罐子可以做成什么手工同意楼上的观点。可以做成“雕纹花瓶”、“角斗士盔甲”、“帆船”、“笔筒...
老鼠看到电脑里的猫看图写话 老鼠看到电脑里的猫看图写话老鼠看到电脑里的猫看图写话小老鼠玩电脑有一天，小老鼠在认真地玩电脑。突然明...
《人世间》播出后大红大紫，演技... 《人世间》播出后大红大紫，演技炸裂，为什么这部剧那么受人喜爱？因为这部剧演员的表现非常出彩，加上剧中...
请问受害人被精神控制后发生一系... 请问受害人被精神控制后发生一系列有意识或潜意识的自毁行为，有时想首先，停止愚蠢的行为。看看心理医生，...
那里有免费全能空间？ 那里有免费全能空间？那里有免费全能空间？谁能告诉我，便宜的也行！免费的有主机屋、冰山互联便宜的可以去...
elliks英文怎么读？翻译成... elliks英文怎么读？翻译成中文是什么？这个是人名，不是ellis就读eliks呗，人名么，伊利克...
一个泰国电影好久以前的 一个女... 一个泰国电影好久以前的 一个女的被扔到一个蛇洞里 跟蛇洞里的蛇王相爱并生下了一个女孩 叫啥名啊 谢啦...