CSS屬性left控制元素的左邊緣相對于其容器的左邊緣的位置。

.example {
position: absolute;
left: 50px;
}

上面的樣式規則將元素.example 的左邊緣移動到其容器的左邊緣右側50像素的位置。

left屬性可接受正數和負數值。正數值將元素向右移動，負數值則將元素向左移動。

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

上面的樣式規則將元素.example2 的左邊緣移動到其原來的位置左邊20像素的位置。

需要注意的是，left屬性只能用于position屬性的值為absolute、fixed或relative的元素。

.example3 {
/* 錯誤的用法 */
left: 50px;
}

上面的樣式規則并不能起到效果。

同時，left屬性也可用于配合transition、animation等屬性實現元素的動畫效果。

.example4 {
position: absolute;
left: 0;
transition: left .5s ease-in-out;
}
.example4:hover {
left: 50px;
}

上面的樣式規則將元素.example4在鼠標懸停時左移50像素，過程過渡平滑。

總的來說，left屬性是控制元素位置的重要屬性之一，掌握好它的用法，能為網頁開發帶來更多的自由和創造性。