-
relative對(duì)于層級(jí)的影響： 1、提高層疊上下文 2、新建層疊上下文與層級(jí)控制 relative如果設(shè)置z-index:auto是不會(huì)限制absolute的層級(jí)的（這種現(xiàn)象不包括IE6/IE7的，IE6、IE7 auto也會(huì)創(chuàng)建層疊上下文）查看全部
-
相對(duì)定位中top/bottom和;left/right對(duì)立屬性同事存在時(shí)的表現(xiàn)是：top起作用，bottom被無(wú)視；left起作用，right被無(wú)視查看全部
-
relative自身的定位特性有2個(gè)： 1、相對(duì)自身 2、無(wú)侵入(不影響其他元素的布局)查看全部
-
relative是大哥，absolute是老二，fixed是老三： relative對(duì)fixed的限制：限制z-index層級(jí)查看全部
-
absolute是不受overflow影響的，但是如果大哥元素是relative則就會(huì)有影響了查看全部
-
當(dāng)relative設(shè)置了具體的z-index(不包括auto)，absolute的z-indext不起任何作用了，此時(shí)的z-index的層級(jí)高低是由relative決定的查看全部
-
relative對(duì)absolute的限制作用： 1、限制left/top/right/bottom定位 2、限制z-indext層級(jí) 3、限制在overflow下的囂張氣焰查看全部
-
最小化relative影響查看全部
-
最小化relative的影響查看全部
-
注意結(jié)合absolute一章的知識(shí) 1. 無(wú)定位的abusolute元素會(huì)跟隨在DOM順序前兄弟inline或者inline-block元素后面.沒有則會(huì)緊挨著父元素的左content邊框. 2. 若DOM順序前為block元素,則無(wú)定位的absolute元素會(huì)被擠下一行查看全部
-
這個(gè)圖可以的查看全部
-
relative 相對(duì)于自身定位，不會(huì)影響其他元素的布局 無(wú)侵入：即他不會(huì)影響其他元素的布局，比如說(shuō)：如果是margin-top：-100px；移走后，緊接著這個(gè)div的div也會(huì)向上移動(dòng)；如果是top:-100px，則不會(huì)，后面的元素會(huì)保持不動(dòng).應(yīng)用：自定義拖拽 當(dāng)top和bottom，或者left和right同時(shí)存在時(shí)，如果是relative定位，這只有一方存在，即top和left；但如果是absolute定位，這兩者可以同時(shí)存在，起到拉伸的效果查看全部
-
絕對(duì)定位設(shè)置left/right top/bottom時(shí)產(chǎn)生拉伸效果 相對(duì)定位時(shí)left和top產(chǎn)生效果查看全部
-
position: relative;left：10px;top:10px; relative 的第一個(gè)作用：起到定位的作用；left和top是指相對(duì)于它原來(lái)位置的定位。 relative 是不脫離文檔流的（意思就是它原有的位置是保留的，其他元素?zé)o法占據(jù)）。所以相對(duì)定位通常只是用作限制絕對(duì)定位的。 如截圖所示，relative 對(duì)absolute的限制有三方面 1、限制定位 2、限制z-index層級(jí)（就是說(shuō)，如果relative設(shè)置了z-index層級(jí)并且為具體的數(shù)字，而不是auto，那么內(nèi)部的absolute設(shè)置的層級(jí)就不管用了） 3、限制在overflow下的囂張氣焰（只有加上relative，overflow：hidden、auto，滾動(dòng)條，才會(huì)對(duì)absolute定位的元素起作用） relative 對(duì) fixed 的限制只有z-index查看全部
-
relative要遵循避免原則和最小化原則，即能不用relative則不用，relative作用的div范圍越小越好 不使用relative，僅僅使用absolute+margin微調(diào)(可選) 單獨(dú)對(duì)某一個(gè)元素進(jìn)行絕對(duì)定位的時(shí)候，可以把它提取出來(lái)，用一個(gè)空的div包裹起來(lái)（relative），本身運(yùn)用absolute，就OK了。查看全部
舉報(bào)
0/150
提交
取消