-
relative的最小化影響原則：盡量降低relative屬性對(duì)其他元素或布局的潛在影響 1、盡量避免使用relative 2、relative最小化：將要設(shè)置的元素獨(dú)立成一個(gè)div，將這個(gè)div設(shè)置成relative，要設(shè)置的元素為absolute查看全部
-
relative： 提高層疊上下文：如果有兩張圖片層疊在一起，像讓下面的圖片放到上面來，就可以設(shè)置下面的圖片的position為relative 新建層疊上下文與層級(jí)控制：如果子元素設(shè)置了absolute，z-index：4；父元素設(shè)置了relative，z-index：1；另外一個(gè)子元素設(shè)置了absolute，z-index：2；父元素設(shè)置了relative，z-index：3；則結(jié)果會(huì)使后者顯示在上面 將父元素的z-index：auto是不會(huì)限制內(nèi)部absolute元素層疊問題，不包括IE6/IE7 因?yàn)镮E6/IE7在z-index：auto情況下會(huì)創(chuàng)建層疊上下文查看全部
-
當(dāng)top和bottom，或者left和right同時(shí)存在時(shí)，如果是relative定位，這只有一方存在，即top和left；但如果是absolute定位，這兩者可以同時(shí)存在，起到拉伸的效果查看全部
-
relative無侵入作用，即他不會(huì)影響其他元素的布局，比如說：如果是margin-top：-100px；移走后，緊接著這個(gè)div的div也會(huì)向上移動(dòng)；如果是top:-100px，則不會(huì)，后面的元素會(huì)保持不動(dòng)查看全部
-
absolute定位相對(duì)于邊界，left：0；top:0會(huì)在定位在邊界的左上角； relative定位是相對(duì)于自身，left：0；top:0會(huì)在原地不動(dòng)；left：100px；top:100px則會(huì)相對(duì)于自己本身左上移動(dòng)100px查看全部
-
relative和absolute的相煎關(guān)系 relative是大哥。absolute是小弟 限制left/top/right/bottom定位 限制z-index層級(jí) 限制在overflow下的囂張氣焰查看全部
-
relative對(duì)于absolute的限制查看全部
-
top&bottom left&right查看全部
-
。。。查看全部
-
相對(duì)定位z-index是最高的,IE6 IE7 有層級(jí)bug查看全部
-
偏移值只采用 top left查看全部
-
相對(duì)定位的兩大特點(diǎn)查看全部
-
相對(duì)定位限制絕對(duì)定位查看全部
-
相對(duì)定位和絕對(duì)定位查看全部
-
relative的定位，1.是相對(duì)自身的，top,left,right,bottom都是相對(duì)自身的。2.無侵入，自身移動(dòng)不影響周邊元素。比如div的margin改變后，周邊元素都會(huì)隨之移動(dòng)。但是div的position為relative時(shí)，改變r(jià)elative的上右下左的值不會(huì)影響周邊元素。 無侵入的特性可以用來制作拖拽效果。 absolute同時(shí)設(shè)置上右下左是拉伸，relative同時(shí)設(shè)置上右下左，只有上和左起作用。查看全部
舉報(bào)
0/150
提交
取消