<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. ios新特征 ARC详解
			
    IOS ARC 分类: IOS ARC2013-01-17 09:16 2069人阅读 评论(0) 收藏 举报   目录(?)[+]   关闭工程的ARC(Automatic Reference Co ...
    
			
    2. 
						
  2. Java 中 Comparable 和 Comparator 比较（转）
			
    转自http://www.cnblogs.com/skywang12345/p/3324788.html 本文,先介绍Comparable 和Comparator两个接口,以及它们的差异:接着,通过示 ...
    
			
    3. 
						
  3. 转:2014 年 15 款新评定的最佳 PHP 框架
			
    原文来自于:http://blog.jobbole.com/59999/ 原文出处: codegeekz   译文出处:oschina   欢迎分享原创到伯乐头条 通常,框架都会被认为是帮助开发者快速 ...
    
			
    4. 
						
  4. 在InnoDB,记录在 non-clustered indexes(也被称为secondary indexes) 包含了主键值
			
    In InnoDB, the records in non-clustered indexes (also called secondary indexes) contain the primary  ...
    
			
    5. 
						
  5. 自己动手实现智能指针auto_ptr
			
    面试的时候,我们经常会被问到如何自己动手实现智能指针auto_ptr.今天我就一边参考STL库中的源代码,一边将auto_ptr的实现敲一遍. auto_ptr归根到底是一个模版类,那么这个类要实现哪 ...
    
			
    6. 
						
  6. Effective c++ 第一章 让自己习惯C++
			
    条款 01:c++是一个语言联邦而不是一种单一的语言, 它包括: 1.C语言:没有模版.没有异常.没有重载…… 2.Object-Oriented C++:class.析构函数.构造函数.封装.继承. ...
    
			
    7. 
						
  7. BZOJ1572: [Usaco2009 Open]工作安排Job
			
    1572: [Usaco2009 Open]工作安排Job Time Limit: 10 Sec  Memory Limit: 64 MBSubmit: 775  Solved: 337[Submit ...
    
			
    8. 
						
  8. 不成功的TCA代码
			
    %--brain mask with the brain tissue mask_name = 'C:\Users\Administrator\Desktop\workspace\preprocess ...
    
			
    9. 
						
  9. Delphi stdCall意义
			
    Delphi stdCall意义 1.此代码所在单元是个库,可被别的应用来调用,像SysUtils.DateUtils.Classes等单元一样,都是为将来的无穷无尽的应用提供服务的.2.此代码还可能 ...
    
			
    10. 
						
  10. Windows7 搜索功能关闭了，怎么重新打开
			
    你的搜索功能被关闭了,打开cmd.exe,进入windows\system32输入OptionalFeatures.exe,里面有搜索功能选项,选择他.重新启动.
    
			
    11.