CSS | 相对定位下，盒偏移量的计算规则

相对定位盒偏移量的计算规则如下：

left&right

• 'left’和’right’水平移动定位元素，不会改变其大小。'left’代表盒相对左方向的偏移量，'right’代表盒相对右方向的偏移量，恒满足等式 left = -right

• 当两者不全为auto时，满足：
  当’left’值为’auto’，right值被指定时，则 left = -right （盒向左移动right值）
  当’right’值为’auto’，left值被指定时，则right = -left （盒向右移动left值）
  当’left’和’right’都是’auto’，left = right = 0（即盒待在原位置）

• 如果’left’和’right’均不是’auto’，则位置被约束过度（over-constrained），此时根据文本方向direction，忽略其中一个。
  当包含块的direction为’ltr’，则left有效，right被忽略。（left=-right）（注意，是包含块的文本方向，不是它本身的。）
  示例：
  初始：
  
  分别指定left和right后:
  

        .father {
   
            direction: ltr;