CSS的div元素可以非常靈活地布局在網頁中，通過使用左浮動和右浮動可以將多個div元素分布在左右兩側。下面是一個簡單的例子：

<div class="left"></div><div class="right"></div>

上面的代碼中，我們分別創建了兩個div元素，并分別添加了"left"和"right"類，這兩個類可以通過CSS樣式來控制元素的浮動位置，具體代碼如下：

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

上面的代碼中，我們將左側元素的浮動位置設置為左浮動，寬度設置為50%。右側元素的浮動位置設置為右浮動，寬度同樣設置為50%。這樣，兩個div元素就可以均等地分布在網頁的左右兩側了。

除了使用浮動布局之外，我們也可以使用flex布局來實現元素的分布。下面是一個使用flex布局的例子：

<div class="container"><div class="left"></div><div class="right"></div></div>

上面的代碼中，我們添加了一個包裹容器，將左右兩個div元素包裹在里面，然后將容器的display屬性設置為flex，具體代碼如下：

.container {
display: flex;
}
.left {
margin-right: auto;
}
.right {
margin-left: auto;
}

上面的代碼中，我們將包裹容器的display屬性設置為flex，這樣就啟用了flex布局。左側元素的margin-right屬性設置為auto，右側元素的margin-left屬性同樣設置為auto。這樣就可以將兩個div元素均分在容器的左右兩側了。