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