给div加浮动：
position:fixed;
固定宽度，高度，距离头部，左部为0：
width: 99%; 
height: 80px;
top:0; 
left: 0;
												


											
css固定div头部不随滚动条滚动的更多相关文章
	

    
								
  1. css固定div头部 滚动条滚动内容
		
    页面布局,固定头部,滚动下方内容 实际场景 在制作页面的时候,经常会遇到要这样的情况:整个页面,整体分三大模块,头部固定,内容区域,左边固定,右边可以滚动. 最终想要的效果 案例源码 <!DOC ...
    
		
    2. 
						
  2. 让div固定在顶部不随滚动条滚动
		
    让div固定在顶部不随滚动条滚动 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h ...
    
		
    3. 
						
  3. 让div固定在顶部不随滚动条滚动【转】
		
    让div固定在顶部不随滚动条滚动 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h ...
    
		
    4. 
						
  4. 设置一个div网页滚动时，使其固定在头部，当页面滚动到距离头部300px时，隐藏该div，另一个div在底部，此时显示；当页面滚动到起始位置时，头部div出现，底部div隐藏
		
    设置一个div网页滚动时,使其固定在头部,当页面滚动到距离头部300px时,隐藏该div,另一个div在底部,此时显示: 当页面滚动到起始位置时,头部div出现,底部div隐藏 前端代码: <! ...
    
		
    5. 
						
  5. 纯css解决div隐藏浏览器原生滚动条，但保留鼠标滚动效果的问题
		
    当我们的内容超出了我们的div,往往会出现滚动条,影响美观.尤其是当我们在做一些导航菜单的时候.滚动条一出现就破坏了UI效果.  我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效 ...
    
		
    6. 
						
  6. 一、纯css实现顶部进度条随滚动条滚动
		
    一.效果图 二.直接复制粘贴 <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...
    
		
    7. 
						
  7. css固定背景图位置  实现屏幕滚动时 显示背景图不同区域
		
    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
    
		
    8. 
						
  8. css  实现背景图片不跟着滚动条滚动而滚动
		
    效果: 只需要在需要背景不跟着动的div里: div{ background:url(); background-attachment:fixed; } 加上background-attachment ...
    
		
    9. 
						
  9. 纯css实现顶部进度条随滚动条滚动
		
    <!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv=" ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Python OpenCV —— bitwise
			
    关于图像的位操作,目的是为了将一个logo覆盖到另一个图片上. # -*- coding: utf-8 -*- """ Created on Wed Sep 28 20: ...
    
			
    2. 
						
  2. IOS UIImagePickerController 保存图片到 相册
			
    // 异步下载图片 dispatch_queue_t queue =dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT,0); disp ...
    
			
    3. 
						
  3. CCLabel在最大宽度已知的情况下如何获取实际宽高
			
    当前环境在cocos2.2.6, 在UI摆图中,会遇到一种情况就是 设定了label的最大宽度MAX_WIDTH,但label的内容是动态的,如何在label输入了文字之后获取label的真实宽高?  ...
    
			
    4. 
						
  4. mysql数据库 myisam数据存储引擎 表由于索引和数据导致的表损坏 的修复 和检查
			
    一.mysqlcheck 进行表的检查和修复 1.检查mysqlisam存储引擎表的状态 #mysqlcheck -uuser -ppassword database  table  -c  #检查单 ...
    
			
    5. 
						
  5. 应用aspose.word破解版实现word转pdf
			
    import org.apache.log4j.LogManager; import org.apache.log4j.Logger; import java.io.File; import java ...
    
			
    6. 
						
  6. SpringMVC——form标签的使用
			
    ----------------------------------------------------------------------------------- <%@page impor ...
    
			
    7. 
						
  7. asp.net Routing 用法
			
    http://www.cnblogs.com/youring2/archive/2011/07/22/2113595.html asp.net 4.0中提供了Routing 的支持.通过使用routi ...
    
			
    8. 
						
  8. 迷你DVD管理器（Java版）
			
    import java.text.SimpleDateFormat;import java.util.Date;import java.util.Scanner;class Test {    pub ...
    
			
    9. 
						
  9. 一步步构建自己的AngularJS(2)——scope之$watch及$digest
			
    在上一节项目初始化中,我们最终得到了一个可以运行的基础代码库,它的基本结构如下: 其中node_modules文件夹存放项目中的第三方依赖模块,src存放我们的项目代码源文件,test存放测试用例文件 ...
    
			
    10. 
						
  10. linux keepalived+LVS 实现mysql 从库负载均衡
			
    前情提要: 参考链接: http://www.osyunwei.com/archives/7464.html ps:以上为本次操作的主要参考资料,非常感谢此文作者的贡献,我的随笔的主要目的是 说明在使 ...
    
			
    11.