-
relative的最小化影响原则：尽量降低relative属性对其他元素或布局的潜在影响 1、尽量避免使用relative 2、relative最小化：将要设置的元素独立成一个div，将这个div设置成relative，要设置的元素为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情况下会创建层叠上下文查看全部
-
当top和bottom，或者left和right同时存在时，如果是relative定位，这只有一方存在，即top和left；但如果是absolute定位，这两者可以同时存在，起到拉伸的效果查看全部
-
relative无侵入作用，即他不会影响其他元素的布局，比如说：如果是margin-top：-100px；移走后，紧接着这个div的div也会向上移动；如果是top:-100px，则不会，后面的元素会保持不动查看全部
-
absolute定位相对于边界，left：0；top:0会在定位在边界的左上角； relative定位是相对于自身，left：0；top:0会在原地不动；left：100px；top:100px则会相对于自己本身左上移动100px查看全部
-
relative和absolute的相煎关系 relative是大哥。absolute是小弟 限制left/top/right/bottom定位 限制z-index层级 限制在overflow下的嚣张气焰查看全部
-
relative对于absolute的限制查看全部
-
top&bottom left&right查看全部
-
。。。查看全部
-
相对定位z-index是最高的,IE6 IE7 有层级bug查看全部
-
偏移值只采用 top left查看全部
-
相对定位的两大特点查看全部
-
相对定位限制绝对定位查看全部
-
相对定位和绝对定位查看全部
-
relative的定位，1.是相对自身的，top,left,right,bottom都是相对自身的。2.无侵入，自身移动不影响周边元素。比如div的margin改变后，周边元素都会随之移动。但是div的position为relative时，改变relative的上右下左的值不会影响周边元素。 无侵入的特性可以用来制作拖拽效果。 absolute同时设置上右下左是拉伸，relative同时设置上右下左，只有上和左起作用。查看全部
举报
0/150
提交
取消