html 绝对相对定位位移问题

img


结果如下

img

把.tow选择器里面的right改为-30
结果如下

img

怎么第一次的位移把盒子长度都给算上了 不是隔30px吗

基于问题

  1. 首先理解定位的问题,relative 跟absolute的关系
  2. 再次css中 模块的定位是基于整个盒子的定位,也就是说在定位的时候是基于整个盒子 不计算盒子本身的尺寸大小
  3. 你的right为30px是盒子整个的位置相对于 relative的父级的位置 做偏移

备注:定位是基于盒子定位 只是单纯的坐标计算 不会包括盒子的形状以及各种属性设置

祝好 如有帮助 望点赞采纳

你是需要小方块在大方块右侧30px?

没毛病啊

你这个two是相对one进行定位的,你设置two right -30px,就是现在这个位置。
如果设置two right 0px就是和one右边对齐