CSS中的left屬性是一個非常重要的屬性，它可以用來定義HTML元素在水平方向上相對于其父元素的左側邊緣的位置，這有助于我們實現很多有趣的效果，比如懸浮菜單、滾動導航等。

對于left屬性的值，我們可以使用具體的長度單位（如px、em等），也可以使用百分比值。需要注意的是，如果給元素同時設置了left和right屬性，會導致元素的寬度無法自適應，因此在使用left屬性時需要謹慎。

. menu{
position: absolute;
left: 0;
top: 0;
width: 100px;
background-color: #FFF;
}

上面的代碼演示了一個典型的懸浮菜單的實現，通過將菜單的定位方式設置為absolute，然后將left屬性設置為0，即可讓菜單固定在父元素的左側邊緣。

需要提醒的是，left屬性只對被設置為“定位元素”的元素有效果，因此在設置left屬性之前，需要將元素的position屬性設置為relative、absolute或fixed等值，否則left屬性將會失效。

. box{
position: relative;
width: 200px;
height: 200px;
background-color: #FA6;
}
. icon{
position: absolute;
left: 20%;
top: 50%;
transform: translate(-50%,-50%);
width: 50px;
height: 50px;
background-image: url("icon.png");
background-size: cover;
}

這里的代碼演示了如何通過設置left屬性，使得圖標元素位于父元素的中心偏左。需要注意的是，這里我們還使用了transform屬性，將圖標元素的中心點位于其自身的50%、50%處，從而使其完美居中。

綜上所述，left屬性是CSS中非常實用的一個屬性，掌握好它的使用方法，將能讓你的網頁效果更加出彩。