-
relative的最小化影響原則:盡量降低relative屬性對(duì)其他元素或布局的潛在影響 1、盡量避免使用relative 2、relative最小化:將要設(shè)置的元素獨(dú)立成一個(gè)div,將這個(gè)div設(shè)置成relative,要設(shè)置的元素為absolute查看全部
-
relative: 提高層疊上下文:如果有兩張圖片層疊在一起,像讓下面的圖片放到上面來(lái),就可以設(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元素層疊問(wèn)題,不包括IE6/IE7 因?yàn)镮E6/IE7在z-index:auto情況下會(huì)創(chuàng)建層疊上下文查看全部
-
1、relative與fixed:只能限制fixed的z-index層級(jí) 2、relative定位功能:1、相對(duì)自身:相對(duì)自身變化top等2、無(wú)侵入:不會(huì)影響其他元素的布局(margin-top:-100px會(huì)影響其他元素relativetop:-100px不會(huì)影響下面的元素) 3、對(duì)立(top和bottom,left和right)定位同時(shí)設(shè)置時(shí)的情況:1相對(duì)定位是延伸2、絕對(duì)定位是斗爭(zhēng)(取left和top)查看全部
-
relative無(wú)侵入作用,即他不會(huì)影響其他元素的布局,比如說(shuō):如果是margin-top:-100px;移走后,緊接著這個(gè)div的div也會(huì)向上移動(dòng);如果是top:-100px,則不會(huì),后面的元素會(huì)保持不動(dòng)查看全部
-
bsolute定位相對(duì)于邊界,left:0;top:0會(huì)在定位在邊界的左上角; relative定位是相對(duì)于自身,left:0;top:0會(huì)在原地不動(dòng);left:100px;top:100px則會(huì)相對(duì)于自己本身左上移動(dòng)100px查看全部
-
當(dāng)top和bottom,或者left和right同時(shí)存在時(shí),如果是relative定位,這只有一方存在,即top和left;但如果是absolute定位,這兩者可以同時(shí)存在,起到拉伸的效果查看全部
-
position與absolute:relative是大哥,absolute功能比較強(qiáng),relative限制absolute 1、限制定位 2、限制層級(jí) 3、限制overflow查看全部
-
position與absolute:relative是大哥,absolute功能比較強(qiáng),relative限制absolute 1、限制定位 2、限制層級(jí) 3、限制overflow查看全部
-
那個(gè)margin-left和left沒(méi)看懂,有什么不同嗎,跟position:relative有什么關(guān)系呢???查看全部
-
不用或relative最小化(添加空div).查看全部
-
z-index:auto;不限制absolute.查看全部
-
top,left優(yōu)先于right,bottom.查看全部
-
relative對(duì)absolute的限制作用,對(duì)fixed只有2.查看全部
-
一個(gè)DIV加個(gè)position:relative是不會(huì)占據(jù)任何尺寸的 <div ></div>查看全部
-
絕對(duì)定位找到所限制范圍內(nèi)的相對(duì)位置,而相對(duì)定位是相對(duì)自身做位移。 relative無(wú)侵入; 絕對(duì)定位里是拉伸,相對(duì)定位是斗爭(zhēng)(就top和bottom,left和right)查看全部
舉報(bào)
0/150
提交
取消