一、relative对absolute的限制作用
1、限制left/top/right/bottom定位。absolute默认是在也没的左上角,
当父类设定为relative,absolute就被限制在父类的区域内,
设定top/left/right/bottom时,起始点为父类的左上角
2、限制z-index层级。页面中的俩个absolute的z-index不同,有各自的层级,
当这两个absolute的父类都有relative的时候,它们的层级就依赖于父
类的relative的z-index
3、限制在overflow下的效果。默认情况下,overflow:hidden
是无法限制absolute的,当加上relative时,才能被限制住;
当overflow:auto或overflow:scoll时,里面有滚动条,
absolute是不会随滚动条移动的,这时就需要加上relative
二、relative只能限制fixed的z-index层级
三、relative和定位
1、relative的定位和偏移都是相对于自身所在的位置
2、relative的定位不会影响其他元素的定位。
作用:可以用来自定义拖拽功能
【 微信扫一扫 】