-
relative对于层级的影响： 1、提高层叠上下文 2、新建层叠上下文与层级控制 relative如果设置z-index:auto是不会限制absolute的层级的（这种现象不包括IE6/IE7的，IE6、IE7 auto也会创建层叠上下文）查看全部
-
相对定位中top/bottom和;left/right对立属性同事存在时的表现是：top起作用，bottom被无视；left起作用，right被无视查看全部
-
relative自身的定位特性有2个： 1、相对自身 2、无侵入(不影响其他元素的布局)查看全部
-
relative是大哥，absolute是老二，fixed是老三： relative对fixed的限制：限制z-index层级查看全部
-
absolute是不受overflow影响的，但是如果大哥元素是relative则就会有影响了查看全部
-
当relative设置了具体的z-index(不包括auto)，absolute的z-indext不起任何作用了，此时的z-index的层级高低是由relative决定的查看全部
-
relative对absolute的限制作用： 1、限制left/top/right/bottom定位 2、限制z-indext层级 3、限制在overflow下的嚣张气焰查看全部
-
最小化relative影响查看全部
-
最小化relative的影响查看全部
-
注意结合absolute一章的知识 1. 无定位的abusolute元素会跟随在DOM顺序前兄弟inline或者inline-block元素后面.没有则会紧挨着父元素的左content边框. 2. 若DOM顺序前为block元素,则无定位的absolute元素会被挤下一行查看全部
-
这个图可以的查看全部
-
relative 相对于自身定位，不会影响其他元素的布局 无侵入：即他不会影响其他元素的布局，比如说：如果是margin-top：-100px；移走后，紧接着这个div的div也会向上移动；如果是top:-100px，则不会，后面的元素会保持不动.应用：自定义拖拽 当top和bottom，或者left和right同时存在时，如果是relative定位，这只有一方存在，即top和left；但如果是absolute定位，这两者可以同时存在，起到拉伸的效果查看全部
-
绝对定位设置left/right top/bottom时产生拉伸效果 相对定位时left和top产生效果查看全部
-
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要遵循避免原则和最小化原则，即能不用relative则不用，relative作用的div范围越小越好 不使用relative，仅仅使用absolute+margin微调(可选) 单独对某一个元素进行绝对定位的时候，可以把它提取出来，用一个空的div包裹起来（relative），本身运用absolute，就OK了。查看全部
举报
0/150
提交
取消