键盘控制div移动，为什么向右比向左快得多？向下比向上快得多？

Question

        var oDiv = document.getElementById('div1'),            ev = ev || event;        document.onkeydown = function (ev) {            var pos=getPos(oDiv);            switch (ev.keyCode) {                case 37:                    oDiv.style.left = oDiv.offsetLeft - 10 + 'px';                    break;                case 38:                    oDiv.style.top = oDiv.offsetTop - 10 + 'px';                    break;                case 39:                    oDiv.style.left = oDiv.offsetLeft + 10 + 'px';                    break;                case 40:                    oDiv.style.top = oDiv.offsetTop + 10 + 'px';                    break;                       }        }                  刚刚找到原因了，因为我把div的定位设置成relative，后来改成absolute上下左右移动的速度就一样了.....请教各位，这个是为什么?有什么关系吗     再试了一下发现,即使position:relative下,把body的margin和padding值都设置为0的话,四个移动方向的速度是一样的~可我还是不知道为什么o(╥﹏╥)o     

Answer 1

看了一下。好像是style.left和offsetLeft不相等的原因。
你把父元素的内外边距都设置为0应该就没问题了。