最近经常用到的计算子盒子在父盒子中的top,left值

最近经常用到的计算子盒子在父盒子中的top,left值
不要给父盒子设置定位,使用到offset属性

  • 子盒子左边框到页面左边框的距离 = 子盒子.offsetLeft;
  • 父盒子左边框到页面左边框的距离= 父盒子.offsetLfet;

删除线格式
但是又有问题,怎么把值赋给子盒子呢?

1.用margin-top,margin-left值挤开
2.给子盒子设置相对地位,并且让其开始的时候,贴住父盒左上角,left:0,top:0,然后把值赋给这两个样式,这样相对于原位置进行偏移,给人的感觉就是相对于父盒子偏移

如果子盒子是鼠标,那就更好做了。直接得到鼠标事件.pageX,就是鼠标到页面左边的距离。