在CSS中，左浮動是一個非常常見的布局技巧。通過讓元素浮動到其容器的左邊，可以實現讓多個元素橫向排列的效果。

下面是一個簡單的示例：

.float-left {
float: left;
}

在這個示例中，我們定義了一個CSS選擇器，將它的float屬性設置成"left"。這將使元素向左浮動。當一個浮動元素選擇了left或right之后，其容器將展寬以適應該元素。

如果我們有一個包含多個元素的容器，那么可以將它們全部設置成左浮動以實現類似于橫向排列的效果：

.container {
width: 100%;
}
.box {
width: 20%;
height: 100px;
float: left;
}

在這個示例中，我們定義了一個容器，使其占據整個頁面寬度。我們同時定義了一個.box類，將其寬度設為20%以適應5個元素同時放置在一行。我們將.box類的float屬性設置成"left"，使所有的.box元素都左浮動。這樣，它們就會橫向排列。

需要注意的是，浮動元素會從正常的文檔流中脫離，這可能會導致某些問題。 如果容器中有多個浮動元素，則容器的高度將不再被這些元素撐開。 在這種情況下，我們可以使用clear屬性來解決這個問題：

.clear {
clear: both;
}

在這個示例中，我們定義了一個新的CSS類，將其clear屬性設置成"both"。這將會清除容器上方所有浮動元素對容器高度的影響。

雖然左浮動是實現多個元素橫向排列的重要布局技巧，但在實際開發中，我們應該避免濫用它。如果您需要更復雜的布局，最好使用Flexbox或Grid來實現。這些技術可以幫助您更好地控制布局，并且避免了因浮動而導致的不必要的問題。