selector { position: relative; left: 20px; }
上面的代码表示,大家选中了某个元素,给它的 `position` 属性赋值为 `relative`,然后将它相对于原来的位置向左移动了 `20` 个像素。
需要注意的是,如果大家给某个元素的 `position` 属性赋值为 `static`,那么 `left` 属性是不起作用的。只有 `relative`、`absolute` 和 `fixed` 这三个属性值可以配合 `left` 属性使用。
此外,大家还可以使用负值来让元素向右移动。比如,下面的代码可以将一个元素向右移动 `100` 个像素:
selector { position: relative; left: -100px; }
经常使用 `left` 属性的情况包括将导航栏或者sidebar固定在页面左侧或者右侧,或者将某个绝对定位的元素相对于其父元素水平偏移一段距离。
总之, `left` 属性是一个非常实用的CSS属性,值得大家在日常的网页制作中多加利用。