對于網站設計來說，布局的排版是非常重要的一部分。CSS的浮動屬性可以實現布局的劃分和對應元素的擺放，在這里筆者介紹一下左邊圖層向左浮動的方法。

.left {
float: left;
}

我們可以看到，上述代碼定義了一個左浮動的類名為“left”，該類名可以應用于需要向左浮動的元素。在實際使用中，我們可以將其應用于需要在左側顯示的圖層，如下所示：

<div class="left">
<img src="image.jpg" alt="example">
</div>

此時，我們的圖片就會像這樣向左浮動顯示：

通過CSS的浮動屬性，我們可以方便地實現網頁的布局劃分和對應元素的位置擺放，左邊圖層向左浮動的方法也可以實現左側元素的漸變過渡效果，增加網頁視覺效果。