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