１、這是預設，position: relative; 尚未設定上下左右

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

２、left: 100px; 自己的左側多出距離，相對向右移動

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

３、left: -100px; 自己的左側少了距離，相對向左移動

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

４、right: 100px; 自己的右側多出距離，相對向左移動

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

５、right: -100px; 自己的右側少了距離，相對向右移動

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

６、top: 50px; 自己的上方多出距離，相對向下移動

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

７、top: -50px; 自己的上方少了距離，相對向上移動

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

８、bottom: 50px; 自己的下方多出距離，相對向上移動

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

９、bottom: -50px; 自己的下方少了距離，相對向下移動

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

這個結果，雷同於 transform : translate 偏移位置。