-
relative两个对立方向同时存在，top和bottom之间top起作用，left和right之间left起作用查看全部
-
relative无侵入性的应用：自定义拖拽查看全部
-
relative无侵入，右下角为relative定位查看全部
-
relative定位相对自身定位查看全部
-
relative对fix的限制作用查看全部
-
3、限制absolute元素在overflow：hidden下的溢出。查看全部
-
2、限制z-index，已relative的z-index为准查看全部
-
1、限制absolute的方向定位查看全部
-
relative的限制作用查看全部
-
尽量不用relative 要用的话就在最外面包一个DIV写relative；查看全部
-
提高层叠上下文：如果有两张图片层叠在一起，像让下面的图片放到上面来，就可以设置下面的图片的position为relative 新建层叠上下文与层级控制：如果子元素设置了absolute，z-index：4；父元素设置了relative，z-index：1；另外一个子元素设置了absolute，z-index：2；父元素设置了relative，z-index：3；则结果会使后者显示在上面 将父元素的z-index：auto是不会限制内部absolute元素层叠问题，不包括IE6/IE7 因为IE6/IE7在z-index：auto情况下会创建层叠上下文查看全部
-
1、relative与fixed：只能限制fixed的z-index层级 2、relative定位功能：1、相对自身：相对自身变化top等2、无侵入：不会影响其他元素的布局（margin-top：-100px会影响其他元素relativetop：-100px不会影响下面的元素） 3、对立（top和bottom，left和right）定位同时设置时的情况：1相对定位是延伸2、绝对定位是斗争（取left和top）查看全部
-
在ie6/ie7下z-index为auto也会创建层叠上下文，但在其他浏览器中不会查看全部
-
relative最小化影响原则查看全部
-
尽量不用relative 要用的话就在最外面包一个DIV写relative；查看全部
举报
0/150
提交
取消