<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. Http和Socket连接的区别
			
    Http和Socket连接区别 相信不少初学手机联网开发的朋友都想知道Http与Socket连接究竟有什么区别,希望通过自己的浅显理解能对初学者有所帮助. 1.TCP连接 要想明白Socket连接,先 ...
    
			
    2. 
						
  2. HDU2602 (0-1背包问题)
			
      N - 01背包 Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I64u   Descri ...
    
			
    3. 
						
  3. frame,bounds,center-三者的含义
			
    frame与bounds的区别比较 frame,bounds,center-三者的含义 偶然觉的,这三个属性有时候定位的时候,需要用.于是就来搞清楚,到底frame,bounds,center 这三个 ...
    
			
    4. 
						
  4. NSNumber
			
    integerfloatc 在Objective-c中有int的数据类型,那为什么还要使用数字对象NSNumber?这是因为很多类(如NSArray)都要求使用对象,而int不是对象.NSNumber ...
    
			
    5. 
						
  5. 【译】UI设计基础(UI Design Basics)--导航(Navigation)(六)
			
    [译]UI设计基础(UI Design Basics)--导航(Navigation)(六)
    
			
    6. 
						
  6. crf 分词（待）
			
    http://blog.csdn.net/marising/article/details/5769653
    
			
    7. 
						
  7. unity3d 幻灯片效果实现
			
    上一篇使用的是静态方式进行的加载,采用的数据结构为 数组 该篇文章则是使用动态加载的方式实现: this.objsOfRouses = Resources.LoadAll("images&q ...
    
			
    8. 
						
  8. Networking
			
    poj1287:http://poj.org/problem?id=1287 题意:平面上有许多点,又有许多边.每条边有一定的长度,且只会连接两个不同的点.现需要从这些边中选择某些边,使得尽可能多的点 ...
    
			
    9. 
						
  9. bcb 如何在DLL中捕捉系统级异常
			
    http://topic.csdn.net/t/20031023/09/2385627.html --------------------------------------------------  ...
    
			
    10. 
						
  10. Lua I/0输入输出
			
    I/O库为文件操作提供了两种不同的模型,简单模型和完整模型.简单模型假设一个当前输入文件和一个当前输出文件,他的I/O操作均作用于这些文件.完整模型则使用显式的文件句柄,并将所有的操作定义为文件句柄上 ...
    
			
    11.