本文探讨了CSS中relative定位对absolute和fixed定位的限制作用，包括层级、溢出及z-index的影响，并介绍了relative定位的特点及其在无侵入布局中的应用。
一、relative对absolute的限制作用
1.限制left/top/right/bottom的定位。
2.限制z-index层级。
限制后relative的层级高低决定了absolute的层级高低。
3.限制超越overflow。
普通的absolute不受滚动影响，但在relative下受。
二、relative对fixed的限制作用
只限制z-index层级。
三、relative与定位
1.相对自身定位
2.无侵入，不影响其他布局的定位。
无侵入布局的应用：自定义拖拽。
四、relative与层次
1.提高层次上下文。
五、relative与原则
relative的最小化影响原则值得是尽量降低relative属性对其他布局的影响，总而言之就是少用！！
扫一扫
1337
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
