一、relative对absolute的限制作用
1、限制left/top/right/bottom定位。absolute默认是在也没的左上角，当父类设定为relative,absolute就被限制在父类的区域内，设定top/left/right/bottom时，起始点为父类的左上角
2、限制z-index层级。页面中的俩个absolute的z-index不同且不为auto，有各自的层级，当这两个absolute的父类都有relative的时候，它们的层级就依赖于父类的relative的z-index
3、限制在overflow下的效果。默认情况下，overflow:hidden是无法限制absolute的，当加上relative时，才能被限制住；当overflow:auto或overflow:scoll时，里面有滚动条，absolute是不会随滚动条移动的，这时就需要加上relative
二、relative只能限制fixed的z-index层级
立即学习“前端免费学习笔记（深入）”；
三、relative和定位
1、relative的定位和偏移都是相对于自身所在的位置
感谢您选择使用ERMEB域名授权离线网络验证系统（简称：ERMEB域名授权系统）是ERMEB团队开发，ERMEB域名授权系统是国内最稳定，最强大，最先进的域名授权管理平台解决方案之一，ERMEB域名授权系统采用PHP +Mysql的技术，ERMEB域名授权系统框架使用Thinkphp6/mysql数据库基于Markdown开发者文档开发而成，项目安装请参考ThinkPHP官方文档及下面的服务环境说
2、relative的定位不会影响其他元素的定位。作用：可以用来自定义拖拽功能
四、relative最小化影响原则
指的是尽量降低relative属性对其他元素或布局的潜在影响
1、尽量避免使用relative
2、必须使用的时候，relative也要最小化
更多css理解之relative相关文章请关注PHP中文网！
