-
relative:限制关系：1.限制left/top/right/bottom定位。2.限制z-index层级，3.限制在overflow下的嚣张气焰查看全部
-
relative 大哥 absolute 老二 绝对定位 fixed 固定定位 1:限制left/top/right/bottom定位； 2：限制z-index层级 3：限制在overflow下的嚣张气焰；查看全部
-
z-index：auto不会限制absolute层叠 不包括ie6ie7查看全部
-
position：relative会鬼畜版提高层级查看全部
-
margin-top：-会影响其他元素定位查看全部
-
relative可以限制fixed的z-index查看全部
-
absolute单独存在时不回受overflow限制，relative加在overflow元素上时会改变absolute这种特性查看全部
-
<div position:relative> <img src positon:absolute.top right> </div>查看全部
-
3.1 relative 提高层叠上下文 例如两个图片按照先后顺序后面覆盖前面的 前张图片使用relative即可覆盖后面的查看全部
-
relative: 相对自身；无侵入（不破坏其他） 当top/bottom,left/right同时出现会查看全部
-
relative限制absolute的情况下：查看全部
-
最小化relative，就是没用到relative的地方不要写进relative的div里查看全部
-
position:relative 可以用于层级提高查看全部
-
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情况下会创建层叠上下文查看全部
-
relative定位 1、是相对于自身的 2、无侵入作用，即不会影响其他元素的布局 同时设置对立属性--top、bottom或者left、right 1、absolute表现为拉伸 2、relative表现为只有top和left生效 [ 收起全文 ]查看全部
举报
0/150
提交
取消