<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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.pic{
width: 300px;
height: 300px;
overflow: auto;

}
.pic img{
width: 500px;
height: 500px;
}
</style>
</head>
<body>
<div class="pic">
<img src="img/60.jpg"/>
</div>
</body>
</html>

下面是我的公众号，大家可以关注一下，可以一起学习，一起进步：

												


											
div如何加滚动条的更多相关文章
	

    
								
  1. div 加滚动条     超过div宽度 自动换行     div居中
		
    一.div 中加滚动条 一. <div style=" overflow:scroll; width:400px; height:400px;”></div> 记住宽 ...
    
		
    2. 
						
  2. div 加滚动条
		
    div 加滚动条的方法: <div style="position:absolute; height:400px; overflow:auto"></div> ...
    
		
    3. 
						
  3. div 加滚动条的方法
		
    div 加滚动条的方法: <div style="position:absolute; height:400px; overflow:auto"></div> ...
    
		
    4. 
						
  4. DIV实现纵向滚动条overflow-y
		
    DIV实现纵向滚动条overflow-y:scroll的使用, 1.首先设置固定div的宽高2.overflow-y:scroll如果设置overflow:auto;表示当你内容超过div高度出现滚动 ...
    
		
    5. 
						
  5. 判断div是否有滚动条
		
    判断div是否有滚动条 var obj=document.getElementById("showDiv"); if(obj.scrollHeight>obj.clientH ...
    
		
    6. 
						
  6. [Ext.Net] 1.x GridPanel列数过多给Menu菜单加滚动条
		
    转自:http://www.ext.net.cn/thread-1944-1-2.html 当GirdPanel列数过多,查看列的显示隐藏时会出现下面下面情况,有部分超出了界面被遮罩住了   要解决这 ...
    
		
    7. 
						
  7. 一款回到顶部的 jQuery 插件，支持 Div 中的滚动条回到顶部
		
    前言 今天在网上搜索“回到顶部”的 jQuery 插件,网上有很多,但是大部分都不支持让 Div 中的滚动条回到顶部.于是乎,不放弃,自己参考 Github 上的一个 jQuery 插件,经过自己的修 ...
    
		
    8. 
						
  8. div产生的滚动条返回顶部
		
    div产生的滚动条返回顶部 1.获取div js: let initialNode = document.getElementById("content") react: let  ...
    
		
    9. 
						
  9. div中添加滚动条
		
    <div style="position:absolute; height:400px; overflow:auto"></div>div 设置滚动条显示: ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. linux中ls、ls -l、ls -al、ll命令
			
    ls只是简单的列出目录下文件名,ll更加详细的列出了文件的类型.文件所有者权限.文件所有者组权限.文件大小.文件最后修改时间,etc... 我们可以用一个简单的图来说明,如下图1: 图1 1.第一位就 ...
    
			
    2. 
						
  2. python 性能鸡汤
			
    转载自:http://www.oschina.net/question/1579_45822 1:使用内建函数input() int() isinstance() issubclass() iter( ...
    
			
    3. 
						
  3. Java 可视化垃圾回收
			
    基础 当谈到释放不再使用的内存,垃圾回收已经在很大程度上取代了早期技术,比如手动内存管理和引用计数. 这是件好事,因为内存管理令人厌烦,学究式地簿记是计算机擅长的,而不是人擅长的.在这方面,语言的运行 ...
    
			
    4. 
						
  4. codeforces C. Restore Graph
			
    题意:构造一个有n个顶点,每个点度不超过k,然后给出每一个点到达一个定点的最短距离d数组,然后构造出这样的一个图: 思路:排序之后,有两个距离为0的或者没有直接输出-1,然后用两个游动下表,后面的与前 ...
    
			
    5. 
						
  5. int  和String之间的互转
			
    int -> String int i=12345;String s="";第一种方法:s=i+"";第二种方法:s=String.valueOf(i); ...
    
			
    6. 
						
  6. Cortex-M0系统滴答定时器Systick详解
			
    上图是LPC1114系统滴答定时器(SysTick)的结构图.系统滴答定时器位于Cortex-M0内核中,也就是说,不论是LPC1114,还是其他的Cortex-M0内核单片机,都有这个系统定时器.其 ...
    
			
    7. 
						
  7. vijos1082丛林探险
			
    P1082丛林探险 描述 东非大裂谷中有一片神秘的丛林,是全世界探险家的乐园,著名黄皮肤探险家BB一直想去试试.正好我国科学家2005年4月将首次对东非大裂谷进行科考,BB决定随科考队去神秘丛林探险. ...
    
			
    8. 
						
  8. SVN服务器搭建（与apache整合）
			
    一．SVN介绍 SVN是一个版本控制工具,Subversion的版本库(repository),就是位于服务器,统一管理和储存数据的地方. 二．SVN数据存储方式 在Subversion中,版本库的数 ...
    
			
    9. 
						
  9. 2015第37周五javascript函数arguments对象巧用一
			
    Javascript函数的一个巧妙利用:假定action中有一个JSONObject类型的对象data,其值有可能为空,则前台JSP页面的JS代码中想直接通过EL表达式,即${data}的形式访问对象 ...
    
			
    10. 
						
  10. ubuntu server配置xmanager
			
    ubuntu server配置xmanager   ubuntu是典型的多用户多任务操作系统,通过XDMCP方式可以轻松的实现远程的多用户同时登录ubuntu任务.   www.2cto.com    ...
    
			
    11.