<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. 安卓SDK Manager自动管理各种包
			
    安卓ADT不能自动从google下载sdk等各种工具 修改hosts文件下载成功 210.242.125.89  dl-ssl.google.com 210.242.125.89  dl.google ...
    
			
    2. 
						
  2. bzoj3639: Query on a tree VII
			
    Description You are given a tree (an acyclic undirected connected graph) with n nodes. The tree node ...
    
			
    3. 
						
  3. 转:[译]Autoprefixer:一个以最好的方式处理浏览器前缀的后处理程序
			
    原文来自于:http://www.cnblogs.com/aNd1coder/archive/2013/08/12/3252690.html Autoprefixer解析CSS文件并且添加浏览器前缀到 ...
    
			
    4. 
						
  4. Node.js工具模块
			
    在Node.js的模块库中提供实用的模块数量. 这些模块都是很常见的,并同时开发基于任何节点的应用程序频繁使用. S.N. 模块的名称和说明 1 OS Module提供基本的操作系统相关的实用功能 2 ...
    
			
    5. 
						
  5. BZOJ 1038 瞭望塔
			
    Description 致力于建设全国示范和谐小村庄的H村村长dadzhi,决定在村中建立一个瞭望塔,以此加强村中的治安.我们将H村抽象为一维的轮廓.如下图所示 我们可以用一条山的上方轮廓折线(x1, ...
    
			
    6. 
						
  6. Robot Motion
			
    Description A robot has been programmed to follow the instructions in its path. Instructions for the ...
    
			
    7. 
						
  7. BPMN 2.0规范
			
    .1. BPMN 2.0是什么呢? 业务流程模型注解(Business Process Modeling Notation - BPMN)是 业务流程模型的一种标准图形注解.这个标准 是由对象管理组( ...
    
			
    8. 
						
  8. Expanding Rods(二分)
			
    Time Limit: 1000MS   Memory Limit: 30000K Total Submissions: 10287   Accepted: 2615 Description When ...
    
			
    9. 
						
  9. kafka消息监控-KafkaOffsetMonitor
			
    参照site:https://github.com/quantifind/KafkaOffsetMonitor 一.简述 这个应用程序用来实时监控Kafka服务的Consumer以及它们所在的Part ...
    
			
    10. 
						
  10. denyhost
			
    1. denyhost 简介及ssh安全 对外提供的服务器,每天都会被恶意扫描,试图暴力穷举密码,达到入侵的目的.从而控***务器,占用资源.网页挂马.垃圾广告.更会影响我们业务的正常使用和数据的安全 ...
    
			
    11.