当设定position:absolute ---有父亲无兄弟
如果父级(无限)没有设定position属性,那么当前的absolute则结合TRBL属性以浏览器左上角为原始
点进行定位
如果父级(无限)设定position属性,那么当前的absolute则结合TRBL属性以父级(最近)的左上角为
原始点进行定位。
和相邻的DIV没有关系,不会互相影响
当设定position:relative ---有兄弟有父亲
不管父级有没有设定position属性,那么当前的relative 则结合TRBL属性以父级(最近)的左上角为原
始点进行定位
如果没有父级,则和相邻的div内容区为原始点,位置由 Top、Right、Bottom、Left 属性决定,且有“撑开或占据高度”的作用,上面例子橙色部分。
var e=obj;
var t=e.offsetTop;
var l=e.offsetLeft;
var height=e.clientHeight;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
var _top=t;
var _left=l;
传入一个对象,得到该对象相对于窗口的top和left