CSS中的位置属性是非常重要的，它可以告诉浏览器如何摆放元素，从而控制网页的布局和样式。其中最常用的定位方式包括绝对定位和相对定位。相对定位指的是元素相对于其原本位置进行微调，而左侧相对定位就是其中一个比较重要的定位方式。下面我们一起来了解一下基本用法。

.left{
position: relative;
left: 20px;
}

如上述代码所示，我们首先要将元素的position属性设置为relative表示开启相对定位。接着通过left属性来指定元素相对于其原本位置向左移动的距离，这里的20px就代表向左移动20像素。同样的方式，我们也可以通过top、bottom和right属性来实现向上、向下以及向右的移动。

对于具有相对位置的元素而言，它们的left值将参照其原本位置左侧的位置进行计算，也就是说，left值越大，元素相对于左侧的距离就越远。因此，left属性的值可以是正数，也可以是负数，负数则表示元素向左移动的距离超出了其原本位置的范围，需要通过左侧滚动条来查看。

需要注意的是，相对定位只是一种微调定位方式，在文本流中不会对元素原本的位置产生影响。因此，如果我们希望实现元素的整体位置调整，可以应用绝对定位等其他定位方式来实现。

总之，左侧相对定位是CSS中非常常用的一个定位方式，掌握它能够帮助我们更加灵活地控制网页的布局和排版效果。通过调整元素的left、top、bottom和right属性值，我们可以轻松实现元素在网页中的微调。希望通过本文的介绍，能够让大家对左侧相对定位有更深刻的理解和应用。