CSS的div元素可以用于構建網頁布局，將頁面劃分成不同的區域。在設計網頁時，我們有時需要將一個div元素分成三個部分，以放置不同的內容或組件。

<div class="container">
<div class="section section1"></div>
<div class="section section2"></div>
<div class="section section3"></div>
</div>
<style>
.container {
display: flex;
}
.section {
flex-basis: 33.33%;
}
.section1 {
background-color: #ff4433;
}
.section2 {
background-color: #ffee33;
}
.section3 {
background-color: #33ffee;
}
</style>

上面的代碼演示了如何將一個div元素分成三個部分，并使用flex布局實現等分布局。首先，我們將所有的section元素設為flex-basis為33.33%。這樣，它們就可以平均地填充容器的寬度。然后，我們為每個section元素設置不同的背景顏色，以便更好地區分它們。

使用這種方法，我們可以很容易地在網頁中創建分欄布局，以適應不同的內容和設計需求。如果您希望使分欄布局響應式，請使用媒體查詢和自適應布局。