relative的意思就是相对自己的一开始的位置进行的定位。如图：
但是这个元素的本身边距不变，还在原来位置
 
absolute的意思就是
如果它的父元素设置了除static之外的定位，比如position:relative,或者position:absolute以及position:fixed，那么它就会相对于它的父元素来定位，位置通过left , top ,right ,bottom属性来规定，如果它的父元素没有设置定位，那么就得看它父元素的父元素是否有设置定位 ，如果还是没有就继续向更高层的祖先元素类推，总之它的定位就是相对于设置了除static定位之外的定位（比如position:relative）的第一个祖先元素，如果所有的祖先元素都没有以上三种定位中的其中一种定位，那么它就会相对于文档body来定位（并非窗口,相对于窗口定位的是fixed）
一般z-index和left,top,right,bottom这些元素也是在设置了position的定位之后才会用到

最新文章

  1. JVM 垃圾回收器工作原理及使用实例介绍(转载自IBM)，直接复制粘贴,需要原文戳链接
  2. 使用hexo+github搭建免费个人博客详细教程
  3. 使用Apache Bench进行压力测试
  4. 通讯录CoreData数据库实现版
  5. Linux-Apache+Mysql+PHP+PHPWind（重点Apache+PHP集成环境）
  6. hadoop日志太大
  7. cent os 6 安装 nginx
  8. MyBatis之传入参数——parameterType（转）
  9. Xcode 4-PBXcp error修复-No such file or directory
  10. PHP & JAVA 实现 PBKDF2 加密算法
  11. mysql校对规则引起的不区分大小写
  12. ThinkPHP - 模板使用函数
  13. jquery设置select选中
  14. 使用eclipse和JavaFX Scene Builder进行快速构建JavaFX应用程序
  15. 9.python异常处理
  16. markdown在线编辑插件mditor
  17. tomcat配置ssl证书
  18. 单例模式实现 Volitile ， interlocked
  19. MySQL查询性能优化---高性能(二)
  20. 通过oracle闪回查看表中值的变更履历信息

热门文章

  1. Laravel中的路由管理
  2. java 中判断字符串相等
  3. PostgreSQL 务实应用（二/5）插入冲突
  4. Codeforces712C【贪心】
  5. bzoj 3996: [TJOI2015]线性代数【最小割】
  6. Integrated Metabolomics and Lipidomics Analyses Reveal Metabolic Reprogramming in Human Glioma with IDH1 Mutation (文献分享一组-黄旭蕾)
  7. css 的继承性
  8. IOS开发 UITabBarController
  9. PJzhang:robots协议的实际场景
  10. python模块之struct