CSS中的三欄等分布局是非常常見的一種布局，在實際中也經常被使用到。這種布局包括三個欄目，寬度相等，高度自適應。下面，我們會詳細講解如何使用CSS實現這種布局。

首先，我們需要在HTML中創建三個div元素，用于容納我們需要展示的內容。具體代碼如下：

接下來，我們需要使用CSS來實現欄目的等分。我們將為每個div添加以下樣式：

.left, .middle, .right {
width: 33.33%;
float: left;
box-sizing: border-box;
padding: 0 10px;
}

上面的樣式中，我們設置了每個div的寬度為33.33%，這樣三個元素的寬度之和為100%，即滿屏寬度。我們使用浮動將三個div元素排成一行，并設置了CSS盒模型為border-box，這樣就可以不用考慮padding對寬度的影響。同時，在每個div元素中添加了10px的padding值，用于增加欄目之間的間距和美觀度。

完成上述步驟后，我們可以在每個div元素中添加需要展示的內容，就可以實現三欄等分布局了！