<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. UIView设置背景渐变色
			
    UIView设置背景渐变色 // Allocate bitmap context CGContextRef bitmapContext = CGBitmapContextCreate(NULL, ,  ...
    
			
    2. 
						
  2. Catenyms
			
    poj2337:http://poj.org/problem?id=2337 题意:给定一些单词,如果一个单词的尾字母与另一个的首字母相同则可以连接.问是否可以每个单词用一次,将所有单词连接,可以则输 ...
    
			
    3. 
						
  3. 使用 Spring Data JPA 简化 JPA 开发
			
    从一个简单的 JPA 示例开始 本文主要讲述 Spring Data JPA,但是为了不至于给 JPA 和 Spring 的初学者造成较大的学习曲线,我们首先从 JPA 开始,简单介绍一个 JPA 示 ...
    
			
    4. 
						
  4. AlgorithmsI Exercises: UnionFind
			
    Question1 Give the id[] array that results from the following sequence of 6 unionoperations on a set ...
    
			
    5. 
						
  5. Sumdiv(各种数学)
			
    http://poj.org/problem?id=1845 题意:求A^B的所有约数的和再对9901取模: 做了这个学到了N多数学知识: 一:任意一个整数都可以唯一分解成素因子的乘积:A = p1^ ...
    
			
    6. 
						
  6. Xshell中文编码的设置
			
    一直用的是SSH Secure Shell Client,关于中文乱码,一直找不到简便的解决方案,后来改用XShell,编码设置如下: 1.查看linux系统编码,linux命令: locale. 2 ...
    
			
    7. 
						
  7. 字符串查找   strstr
			
     strstr函数  分类: LINUX 函数名: strstr 功 能: 在串中查找指定字符串的第一次出现 用 法: char *strstr(char *str1, char *str2); st ...
    
			
    8. 
						
  8. [转]sleep和wait的区别
			
    http://www.cnblogs.com/plmnko/archive/2010/10/15/1851854.html from:http://nneverwei.javaeye.com/blog ...
    
			
    9. 
						
  9. UVALive 5983 MAGRID
			
    题意:在一个n*m的网格上,从(0,0)走到(n-1,m-1),每次只能向右或者向下走一格.一个人最初有一个生命值x,走到每一个格生命值会变为x + s[i][j],(s[i][j]可为负,0,正), ...
    
			
    10. 
						
  10. java中创建对象 类名 对象名=new 类名(); 后面的()什么意思
			
    类名 对象名=new 类名();类名 对象名 这个的解释是创建名称为"对象名"的"类名"类引用变量new ; 这个的解释是实例化对象类名() 这个的解释是无参数 ...
    
			
    11.