浏览器的原点位置在哪?如何确定坐标?元素的绝对定位和相对定位的区别是什么?请举个通俗的例子.
2个回答

浏览器的原地位置就是你电脑窗口默认的左上角其实位置即0,0

通过dom.getBoundingClientRect()可以获取DOM到浏览器窗口左上坐标

function test(){

var o = document.getElementById("t");

var rect = o.getBoundingClientRect();//返回一个TextRectangle对象,包含left,top,right和bottom几个只读属性,以px为单位来表示边界框相对视窗左上角的位置.

var iLeft1 = rect.left-document.documentElement.clientLeft,iTop1 = rect.top-document.documentElement.clientTop;

var iLeft2 = o.offsetLeft,iTop2 = o.offsetTop;

while (o.offsetParent) { o = o.offsetParent; iLeft2 += o.offsetLeft; iTop2 += o.offsetTop; }

iLeft2 -=document.documentElement.scrollLeft;

iTop2 -=document.documentElement.scrollTop;

alert(iLeft1+"_"+iLeft2)

alert(iTop1+"_"+iTop2)

}

然后绝对定位和相对定位的区别就是一个不占据文档流一个占据,通俗点说就想一杯水一样一个是水上面的油之类的漂浮东西它是不占据实际物理区域的,你把它到在水面的那里它就飘在哪里,然后绝对定位就像你被子里面原先放的装饰物品之类的东西它占了水杯的物理位置的!

最后STAIC 就是默认属性,它是默认的定义后,就是说元素本身改是什么属性就是什么属性它由浏览器本身去决定

相关问题