父级用：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. FusionChart实现金字塔分布图
			
    1.XML提供数据源 Pyramid.xml: <?xml version="1.0" encoding="UTF-8"?> <chart m ...
    
			
    2. 
						
  2. DevExpress GridView.CustomSummaryCalculate 实现自定义Group Summary
			
    --首发于博客园, 转载请保留链接  博客原文 DevExpress Documentation官方地址:GridView.CustomSummaryCalculate Event 1. 概要 界面上 ...
    
			
    3. 
						
  3. js字符串转json
			
    1,eval方式解析,这是最早的解析方式了.如下: 代码如下: function strToJson(str){ var json = eval('(' + str + ')'); return js ...
    
			
    4. 
						
  4. hdu 1301
			
    最小生成树模板题 简单的prim算法 AC代码: #include <iostream> #include <stdio.h> #define INF 9999999 usin ...
    
			
    5. 
						
  5. 初探CSS
			
    css基本框架 index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" ...
    
			
    6. 
						
  6. linux 定时执行shell脚本
			
    转自:http://blog.csdn.net/jingxiangren/article/details/4745631 在oracle 中可以利用dbms_job包定时执行pl/sql.sql过程, ...
    
			
    7. 
						
  7. js_day1
			
    1)在js写<br>是要"<br>" 2)一些函数a.length,math.random()(1~0),math.floor()(2.3,2.5--> ...
    
			
    8. 
						
  8. 读书笔记_Effective_C++_条款二十一：当必须返回对象时，别妄想返回其reference
			
    在栈空间的临时成员变量在函数生命期结束后无法传出 friend A& operator*(const A& a, const A& b) { A temp; temp.data ...
    
			
    9. 
						
  9. 第1章 网络编程基础(4)——TCP/IP通信
			
    TCP协议利用网络层IP协议提供不可靠的通信服务,解决分组的重传和排序问题,为应用程序提供可靠的.端到端的.面向连接的基于字节流的服务. 对等TCP传输实体间的通信具有如下特征: 全双工 只支持两个端 ...
    
			
    10. 
						
  10. C++中的析构函数
			
    代码: #include <cstdio> #include <iostream> using namespace std; class A{ public: ~A(){ co ...
    
			
    11.