-
relative要遵循避免原则和最小化原则，即能不用relative则不用，relative作用的div范围越小越好查看全部
-
relative最小化原则查看全部
-
z-index 值越大，越靠近用户 relative 在层级方面的表现： 1. 提高层叠上下文（鬼畜级别） 页面有两张图片出现层叠情况，默认后一张图片层叠前一张，如果设置前一张图片position：relative，则前一张会层叠在前 2.新建层叠上下文与层级控制 relative 的z-index 为一个具体的数值，那么就会新建一个层叠上下文，从而限制内部absolute元素的层叠。而为auto（可以dayue 理解为z-index 为0）的话，就不会新建一个层叠上下文（ie6、7除外，是个bug） relative的z-index:为auto时 不会限制内部absolute查看全部
-
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情况下会创建层叠上下文查看全部
-
overflow hidden可以限制普通元素隐藏 但对于absolute的元素不起任何作用查看全部
-
1、相对自身 2、无侵入查看全部
-
relative 限制 absolute查看全部
-
相对定位relative中，如果同时设置left和right属性，或者top和bottom属性，只有left和top起作用。起到的斗争的关系的，但是在绝对定位absolute中，他们之间的关系是起到拉伸的作用。就是四个属性都会起到作用。查看全部
-
相对定位时：margin-top:-100px;要改变其他元素的位置 而top:-100px;不会改变其他元素的位置查看全部
-
1.尽量不使用relative 2.实在要使用relative，将它放在一个空div里，达到最小化影响。查看全部
-
relative是大哥，absolute是老二，fixed是老三： relative对fixed的限制：限制z-index层级查看全部
-
relative 相对于自身定位，不会影响其他元素的布局 无侵入：即他不会影响其他元素的布局，比如说：如果是margin-top：-100px；移走后，紧接着这个div的div也会向上移动；如果是top:-100px，则不会，后面的元素会保持不动.应用：自定义拖拽 当top和bottom，或者left和right同时存在时，如果是relative定位，这只有一方存在，即top和left；但如果是absolute定位，这两者可以同时存在，起到拉伸的效果查看全部
-
position: relative;left：10px;top:10px; relative 的第一个作用：起到定位的作用；left和top是指相对于它原来位置的定位。 relative 是不脱离文档流的（意思就是它原有的位置是保留的，其他元素无法占据）。所以相对定位通常只是用作限制绝对定位的。 如截图所示，relative 对absolute的限制有三方面 1、限制定位 2、限制z-index层级（就是说，如果relative设置了z-index层级并且为具体的数字，而不是auto，那么内部的absolute设置的层级就不管用了） 3、限制在overflow下的嚣张气焰（只有加上relative，overflow：hidden、auto，滚动条，才会对absolute定位的元素起作用） relative 对 fixed 的限制只有z-index查看全部
-
relative：相对自身定位。如果是top：0，left：0.则其位置不变。查看全部
-
relative 相对于自身定位，不会影响其他元素的布局 top vs bottom left vs right top left胜查看全部
举报
0/150
提交
取消