-
relative 定位屬性的特性top-bottom? left-right 每個(gè)對(duì)立的屬性只能有一個(gè)起效
查看全部 -
relative的應(yīng)用: 拖動(dòng).
查看全部 -
margin 和relative 定位的區(qū)別 margin會(huì)影響后繼元素的布局 而relative不會(huì).
查看全部 -
margin-top負(fù)值下面的元素會(huì)跟隨其后也向上負(fù)幾px，top負(fù)值下面的元素原位不動(dòng)（無侵入特性，適用于自定義拖拽）
查看全部 -
relative作為absolute父標(biāo)簽
默認(rèn)absolute相對(duì)于body定位，此方法限制它的位置在relative內(nèi)；
默認(rèn)abolute z-index越高層級(jí)越高，此方法限制了abolute的層級(jí)，relative父標(biāo)簽層級(jí)越高子標(biāo)簽abolute才越高，比如一個(gè)子標(biāo)簽abolute z-index:3，父標(biāo)簽z-index:1,另一個(gè)子標(biāo)簽abolute z-index:2，父標(biāo)簽z-index:3，則第二個(gè)absolute的層級(jí)要高
默認(rèn)overflow:hidden對(duì)absolute超出范圍隱藏?zé)o效，此方法relative父標(biāo)簽添加overflow:hidden則會(huì)隱藏超出范圍
查看全部 -
直接使用position：absolute就行，不用給容器加上relative
查看全部 -
position：relative的優(yōu)先級(jí)很高，會(huì)出現(xiàn)在很上面的位置（z-index較高）
查看全部 -
left和top相對(duì)于right和bottom優(yōu)先級(jí)較高
查看全部 -
relative的無侵入定位可以用來自定義拖拽
查看全部 -
relative的left和top定位是相對(duì)于自身的
查看全部 -
absolute受到relative的許多限制
查看全部 -
限制范圍，
限制層級(jí)，
限制超越overflow。
查看全部 -
relative最小化
查看全部 -
4、relative的使用原則：
1）盡量避免使用relative，如果只使用absolute就能實(shí)現(xiàn)效果，就不需要同時(shí)使用relative和absolute
2）是在要使用，要實(shí)現(xiàn)relative最小化
查看全部 -
3、relative和層級(jí)：
1）可以提高層疊上下文，沒有其它樣式限制時(shí)，發(fā)生層疊都是后面的元素覆蓋前面的，但是如果前面的元素設(shè)置relative就會(huì)實(shí)現(xiàn)前面的覆蓋后面的
2）若relative的z-index：auto；，那么它將不能限制absolute的z-index（這個(gè)條件在IE6/IE7下是不成立的）
查看全部 -
2、relative定位的兩大特性：
1）相對(duì)自身：relative設(shè)置top、left的值，其相對(duì)的是relative自身的左上角的距離
2）無侵入：relative定位后，其原始位置空間不會(huì)被后面的元素所占據(jù)
3）當(dāng)同時(shí)設(shè)置top和bottom? ?\? ?left和right時(shí)，absolute會(huì)拉伸，relative會(huì)斗爭，對(duì)于relative而言top、left會(huì)戰(zhàn)勝bottom、right，所以會(huì)以top、left為準(zhǔn)
查看全部 -
1、relative對(duì)absolute、fixed的影響：
1）relative會(huì)限制absolute的left、top、right、bottom定位，使得absolute的top、left等是相對(duì)于relative所設(shè)定的邊界的，而不是相對(duì)于瀏覽器的左上角
2）relative會(huì)限制absolute的z-index層級(jí)，absolute設(shè)置的層級(jí)對(duì)它自己已經(jīng)不再有用，而是要看relative設(shè)置的層級(jí)的大小
3）relative限制absolute的overflow，(overflow：hidden;的隱藏）/（overfolw：auto、scroll;的滾動(dòng)條）對(duì)absolute是不起作用的，但是relative會(huì)使得absolute受overflow的限制
4）relative只能限制fixed的z-index層級(jí)
查看全部 -
relative和層級(jí)(z-index)
查看全部 -
relative 設(shè)置top和bottom
查看全部 -
relative與fixed的關(guān)系
查看全部 -
relative和abolute的關(guān)系
查看全部 -
relative? z-index auto? 沒有限制內(nèi)部absolute元素層疊問題
查看全部 -
absolute 相對(duì)邊界
relative 相對(duì)自身
查看全部 -
牛B的在右上角定位方案查看全部
-
relative的z-index：auto時(shí)的層級(jí)特例查看全部
-
relative對(duì)absolute的限制查看全部
舉報(bào)