CSS是網頁設計與開發中不可或缺的一部分，可以通過編寫CSS來控制網頁中的各種元素的樣式，其中包括控制div左右排序的功能。

在CSS中，我們可以使用float屬性來控制元素的左右浮動，并通過設置相應的寬度來實現左右排序的效果。例如，以下代碼可以將兩個div元素進行左右排序：

<div class="container">
<div class="left">我在左邊</div>
<div class="right">我在右邊</div>
</div>
<style>
.container {
width: 100%;
}
.left, .right {
width: 50%;
height: 200px;
float: left;
box-sizing: border-box;
padding: 10px;
}
.left {
background-color: #eee;
}
.right {
background-color: #ccc;
}
</style>

在上面的代碼中，我們創建了一個父容器，并在其中定義了兩個子元素，通過設置寬度為50%以及浮動屬性，分別將兩個子元素分別排列在頁面的左右兩側。此外，我們通過設置box-sizing屬性為border-box以及padding屬性為10px，使子元素的邊框和內邊距不影響其實際的寬度和高度。

通過以上的CSS代碼，我們可以輕松地控制div元素的左右排序，并根據需要進一步調整元素的樣式和位置，以實現更加豐富和復雜的界面效果。