怎么样在div+css中设置一个div的框并出现滚动条

怎么样在div+css中设置一个div,给他设置宽和高,并让他出现滚动条... 怎么样在div+css中设置一个div,给他设置宽和高,并让他出现滚动条 展开
 我来答
百度网友faadf46
高粉答主

2019-08-31 · 说的都是干货,快来关注
知道答主
回答量:4556
采纳率:0%
帮助的人:73.7万
展开全部

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

吃心不改Pro
2017-07-19 · 狂吃不胖的瘦猴~
吃心不改Pro
采纳数:1482 获赞数:10786

向TA提问 私信TA
展开全部
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<style type="text/css">
.div1 {
width: 500px;
height: 200px;
background: #eee;
overflow: auto;
}
</style>
<div class="div1">
百度知道是一个基于搜索的互动式知识问答分享平台,于2005年6月21日发布,并于2005年11月8日转为正式版。百度知道一直探索国际化发展,于2012年3月31日发布百度知道台湾版。“百度知道”,是用户自己根据具有针对性地提出问题,通过积分奖励机制发动其他用户,来解决该问题的搜索模式。 同时,这些问题的答案又会进一步作为搜索结果,提供给其他有类似疑问的用户,达到分享知识的效果。
百度知道的最大特点,就在于和搜索引擎的完美结合,让用户所拥有的隐性知识转化成显性知识,用户既是百度知道内容的使用者,同时又是百度知道的创造者,在这里累积的知识数据可以反映到搜索结果中。通过用户和搜索引擎的相互作用,实现搜索引擎的社区化。
百度知道也可以看作是对搜索引擎功能的一种补充,让用户头脑中的隐性知识变成显性知识,通过对回答的沉淀和组织形成新的信息库,其中信息可被用户进一步检索和利用。这意味着,用户既是搜索引擎的使用者,同时也是创造者。百度知道可以说是对过分依靠技术的搜索引擎的一种人性化完善。
</div>
</body>
</html>

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lidjio
2017-07-10 · TA获得超过126个赞
知道小有建树答主
回答量:253
采纳率:100%
帮助的人:137万
展开全部

效果入下

代码如下

<html>
<head></head>

<body>

<div style="font-size:40px; color:red; font-wight:700 "></div>

<div style="width:100%" ><img src="img/1.jpg"></div>

<div style="width: 300px; height:100px; overflow-y:scroll; border: 1px solid red ">在抓捕了巫支祁以后,李子玉和高重九当天就登上了去往临高的船。李子玉从来没有见过这么大的船。虽然元老院已经进入广州多日,但是由于平时任务的繁忙,偶有时间也被好学的李子玉用来学习澳洲知识,所以一直没有机会去见识一下澳洲大船。因为李子玉和高重九是先进工作者,他们被允许在船的部分地方自由活动。李子玉和高重九一边感叹船的雄壮宏伟,一边转悠。他们走到前边甲板上的时候,迎面走来一队人,这队人全部都是短发短衣,中间为首的人的气质明显与其他人不同。这一行人就是元青团第一书记何青辰带领的前往临高参观学习的广州优秀青年代表。在抓捕了巫支祁以后,李子玉和高重九当天就登上了去往临高的船。李子玉从来没有见过这么大的船。虽然元老院已经进入广州多日,但是由于平时任务的繁忙,偶有时间也被好学的李子玉用来学习澳洲知识,所以一直没有机会去见识一下澳洲大船。因为李子玉和高重九是先进工作者,他们被允许在船的部分地方自由活动。李子玉和高重九一边感叹船的雄壮宏伟,一边转悠。他们走到前边甲板上的时候,迎面走来一队人,这队人全部都是短发短衣,中间为首的人的气质明显与其他人不同。这一行人就是元青团第一书记何青辰带领的前往临高参观学习的广州优秀青年代表。在抓捕了巫支祁以后,李子玉和高重九当天就登上了去往临高的船。李子玉从来没有见过这么大的船。虽然元老院已经进入广州多日,但是由于平时任务的繁忙,偶有时间也被好学的李子玉用来学习澳洲知识,所以一直没有机会去见识一下澳洲大船。因为李子玉和高重九是先进工作者,他们被允许在船的部分地方自由活动。李子玉和高重九一边感叹船的雄壮宏伟,一边转悠。他们走到前边甲板上的时候,迎面走来一队人,这队人全部都是短发短衣,中间为首的人的气质明显与其他人不同。这一行人就是元青团第一书记何青辰带领的前往临高参观学习的广州优秀青年代表。</div>

</body>


</html>

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
WANGWANG碎冰冰
2017-06-15 · TA获得超过115个赞
知道答主
回答量:333
采纳率:0%
帮助的人:34.4万
展开全部
.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时才会显示滚动条,下边的代码是对滚动条的优化,希望对你有帮助。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
长恨剑锋雄姿H
2016-12-24 · TA获得超过2.3万个赞
知道大有可为答主
回答量:1.3万
采纳率:4%
帮助的人:2078万
展开全部
div 加滚动条的方法:

<div style="position:absolute; height:400px; overflow:auto"></div>
div 设置滚动条显示:overflow :yes
div 设置滚动条自适应显示:overflow :auto
div 设置上下滚动条显示:overflow-y :yes
div 设置上下滚动条自适应显示:overflow-y :auto
如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(10)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式