父级用：position: relative;

子级才能用：position: absolute;

relative里面用margin调位置；

absolute里面用top、left、right、bottom调位置。

												


											
css备忘录（关于relative、absolute）的更多相关文章
	

    
						
  1. CSS 相对/绝对(relative/absolute)定位系列（四）——张鑫旭
		
    前三篇(1, 2, 3)都是介绍的absolute属性,终于,轮到本文讲讲relative相对定位. 一.relative属性的形象化思维 relative是个看上去低调,有些特殊才能,气场强大,有着 ...
    
		
    2. 
						
  2. CSS 相对|绝对(relative/absolute)定位系列（一）
		
    一.有话要说 以前写内容基本上都是:眼睛一亮——哟呵,这个不错,写!然后去古人所说的茅房里蹲会儿,就有写作的思路了.但是,构思相对/绝对(relative/absolute)定位系列却有好些时日,考虑 ...
    
		
    3. 
						
  3. CSS：static/relative/absolute
		
    static - default and this is the FLOW. ------------------------------------------------------------- ...
    
		
    4. 
						
  4. CSS 相对/绝对(relative/absolute)定位与jQuery的控制显示隐藏
		
    曾经写显示隐藏老是用jq方法控制: dom.show(); dom.hide(); 事实上这样还是有非常多缺陷的. 这是html结构: <div class="holi"&g ...
    
		
    5. 
						
  5. CSS 定位 relative && absolute 问题？
		
    1 1 1 CSS 定位 relative && absolute 问题? 谁能解释一下,为什么div使用 relative是设置right,bottom 后,看不到div 呀,哪里多 ...
    
		
    6. 
						
  6. CSS position relative absolute fixed
		
    position属性absolute与relative 详解   最近一直在研究javascript脚本,熟悉DOM中CSS样式的各种定位属性,以前对这个属性不太了解,从网上找到两篇文章感觉讲得很透彻 ...
    
		
    7. 
						
  7. css的定位，relative/absolute/fixed的用法
		
    其实position的值有四个,static/relative/absolute/fixed,而static是默认值,不算具有有定位属性,这里就不讲了. 定位其实就是跟元素设置定位属性,然后设置其对位 ...
    
		
    8. 
						
  8. CSS+DIV定位分析(relative,absolute,static,fixed)
		
    在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果.今天研究了一下,总算有所 ...
    
		
    9. 
						
  9. css属性position: static|relative|absolute|fixed|sticky简单解析
		
    目录 static 静态定位(默认) relative 相对定位 正常文档流 加了relative之后的布局 加上margin/padding/border之后的布局 absolute 绝对定位 正常 ...
    
		
    10. 
						
  10. CSS+DIV布局中absolute和relative区别
		
    原文:http://developer.51cto.com/art/201009/225201.htm 这里向大家简单介绍一下CSS+DIV布局中absolute和relative属性的用法和区别,定 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 关于git的文件内容冲突解决
			
    虽然以前我很怕git冲突,包括以前的版本控制器SVN上的冲突,但是昨天我决定好好的面对它,不去怕它,下面是我的解决过程... 话说一天的早上,我和同事(称为A)都同步了网络上的代码,然而A在中途提交了 ...
    
			
    2. 
						
  2. [AngularJS] Angular 1.5 $transclude with named slot
			
    In Angular 1.5, there is no link and compile. So use if you transclude, you cannot access the fifth  ...
    
			
    3. 
						
  3. VMware上实现LVS负载均衡(NAT)
			
    本文LVS的实现方式採用NAT模式.关于NAT的拓扑图请參照我的上一篇文章.本文纯粹实验.NAT在生产环境中不推荐使用.原因是Load Balancereasy成为瓶颈! 1.VMware9上安装Ce ...
    
			
    4. 
						
  4. Linux实现密钥登陆
			
    公司为了安全,一直都采用密钥登陆远程SSH,现在有了自己的服务器,自己又学者配了一把,下面就是配置笔记. 1.登陆未设置密钥的Linux服务器 2.工具新建用户密钥生成向导 3.选择生成密钥的加密方式 ...
    
			
    5. 
						
  5. django: urlconfig
			
    django 的 url 配置主要在 urls.py 中进行 urlconfig 中对 url 的处理方式主要在: 一 视图处理方式 如 上文 例子所示: url(r'^blog/index/$',  ...
    
			
    6. 
						
  6. (转)asp.net动态设置标题title 关键字keywords 描述descrtptions
			
    方法一 if (!IsPostBack){//Page title网页标题Page.Title = “我的网站标题”;//须将网页head标签设成服务器控件模式,即<head runat=&qu ...
    
			
    7. 
						
  7. Arcgis Server ecp(许可)
			
    Arcgis Server 10 许可(新建.txt文件,然后拷贝好以下内容,然后修改为 .ecp文件即可): 3dengine,100,ecp.arcgis.server,none,KGE784S1 ...
    
			
    8. 
						
  8. Swift中的便利构造器和构造器链
			
    import UIKit // 1.一个类中至少有一个指定构造器, 其必须负责初始化类中所有的实例存储属性 // 2.便利构造器属于次要的, 辅助性的构造器 // 3.类中可以不定义便利构造器, 便利 ...
    
			
    9. 
						
  9. QT小插件类之QRoundProgressBar
			
    QRoundProgressBar类 1. 详细描述 QRoundProgressBar类能够实现一个圆形的进度图表,并且有和QProgressBar类似的API接口 1.1 继承关系 #includ ...
    
			
    10. 
						
  10. jq原创弹出层折叠效果
			
    弹出层效果很多网站上都用到,今天就整理最近项目里用到的一个小效果,点击折叠弹出一个层给用户填写信息.弹出层代码都是jq动态创建,每个人写法都不一样,需求也不一样,所有选择符合自已的即可. html:  ...
    
			
    11.