在CSS中，我們可以使用多種方法將主體分為三份，以下是一種常見(jiàn)的方法：

1、使用Flexbox：Flexbox是CSS3引入的一種布局方式，可以輕松地實(shí)現(xiàn)元素的靈活布局，我們可以利用Flexbox的flex屬性將主體分為三份。

HTML結(jié)構(gòu)：

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

CSS樣式：

.container {
  display: flex;
  justify-content: space-between;
}
.item {
  width: 33.33%; /* 100% / 3 */
}

2、使用Grid：CSS Grid是另一種強(qiáng)大的布局工具，它提供了對(duì)網(wǎng)頁(yè)布局的精細(xì)控制，我們可以使用Grid的grid-template-columns屬性來(lái)定義每份的寬度。

HTML結(jié)構(gòu)：

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

CSS樣式：

.container {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%; /* 100% / 3 */
}

3、使用百分比：如果我們不使用Flexbox或Grid，而是直接使用百分比來(lái)定義寬度，也可以實(shí)現(xiàn)類(lèi)似的效果，這種方法可能需要對(duì)HTML結(jié)構(gòu)進(jìn)行更***的控制，但它提供了一種簡(jiǎn)單直接的方式來(lái)分割空間。

HTML結(jié)構(gòu)：

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

CSS樣式：

.container {
  width: 100%; /* 確保容器寬度為100% */
}
.item {
  width: 33.33%; /* 100% / 3 */
}

每種方法都有其優(yōu)缺點(diǎn)，可以根據(jù)具體需求和場(chǎng)景選擇***適合的布局方式。