CSS是前端開發中最重要的一部分，可以幫助網頁實現各種視覺效果。其中，我們經常會用到的一種效果就是將網頁上的元素分成左右兩邊。今天，我們來學習一下如何通過CSS來實現這種效果。 首先，我們需要在HTML中創建兩個div，分別代表左邊和右邊的部分。代碼如下：

<div class="left">
左邊的內容
</div>
<div class="right">
右邊的內容
</div>

在CSS中，我們可以使用float屬性來讓這兩個div分別位于左右兩側，具體代碼如下：

.left {
float: left;
width: 50%;
}
.right {
float: right;
width: 50%;
}

在這段代碼中，我們使用了float屬性來讓左邊的div向左浮動，右邊的div向右浮動。同時，我們設置了它們的寬度為50%，這樣它們就會平分瀏覽器的寬度，分別位于網頁的左右兩側。 如果我們想要讓左邊的div先出現，可以將它放在HTML代碼中的前面。此外，如果我們希望這兩個div高度自適應，可以在CSS中使用clearfix技巧，代碼如下：

.left, .right {
overflow: hidden;
}
.left:before, .right:before {
content: "";
display: table;
}
.left:after, .right:after {
content: "";
display: table;
clear: both;
}

總的來說，通過使用float屬性和clearfix技巧，我們可以很方便地將網頁上的元素分成左右兩側。同時，我們還可以在CSS中設置這兩個div的樣式，例如背景色、邊框等。希望這篇文章能夠幫助大家更好地掌握CSS的使用技巧。