父级用：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. JavaScript 随机数函数
			
    Math.random()*(m-n)+n random函数语法 Math.random();   random函数返回值 返回0和1之间的伪随机数,可能为0,但总是小于1,[0,1) 返回10-20 ...
    
			
    2. 
						
  2. 解决IE9以下ie版本不能识别新元素的方法 添加一个js -- Shiv Solution
			
    Thankfully, Sjoerd Visscher created the "HTML5 Enabling JavaScript", "the shiv": ...
    
			
    3. 
						
  3. Oracle Berkeley DB Java 版
			
    Oracle Berkeley DB Java 版是一个开源的.可嵌入的事务存储引擎,是完全用 Java 编写的.它充分利用 Java 环境来简化开发和部署.Oracle Berkeley DB Ja ...
    
			
    4. 
						
  4. android2.3 View视图框架源码分析之一:android是如何创建一个view的？
			
    View是所有控件的一个基类,无论是布局(Layout),还是控件(Widget)都是继承自View类.只不过layout是一个特殊的view,它里面创建一个view的数组可以包含其他的view而已. ...
    
			
    5. 
						
  5. Solr的安装
			
    1.   JDK要求 Solr 4.10 要求JDK版本必须是1.7或更高. 下载地址: http://www.apache.org/dyn/closer.cgi/lucene/solr/ 下载得到z ...
    
			
    6. 
						
  6. django: form fileupload - 1
			
    本节介绍 Form 中一些字段类型的使用,以文件上传字段 FileField 为例:(注,其它字段和相关用法见官方文档中的 Forms -> Built-in Fields) 一,配置 urls ...
    
			
    7. 
						
  7. JAVA--聊天界面面板
			
    package windows.beautify; import java.awt.BorderLayout; import java.awt.Color; import java.awt.event ...
    
			
    8. 
						
  8. CSS背景特殊属性值
			
    CSS代码示例-背景附着属性(background-attachment)-[背景图固定不动,不跟随滚动条滚动]:<html><head><title>背景附着属性 ...
    
			
    9. 
						
  9. Android -------- eclipse平台上的单元测试框架
			
    eclipse平台上单元测试框架 继承android.test.AndroidTestCase类 清单文件中设置 设置指令集,与application标签同级 <instrumentation  ...
    
			
    10. 
						
  10. jQuery选择器 之详述
			
    jQuery选择器 一. 单词小计 Pervious 上一页sibling  同级first  第一last  最后not  不 Even  偶数    odd  奇数 header  页眉 一．jQ ...
    
			
    11.