在CSS布局中，將正文設(shè)置為左右布局是一個常見的需求，要實現(xiàn)這種布局，你可以使用CSS的浮動（float）屬性或者Flexbox布局，下面我將為你介紹如何使用這兩種方法來實現(xiàn)正文的左右布局。

方法一：使用浮動（float）屬性

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

<div class="container">
  <div class="left-column">
    <p>這是左側(cè)的內(nèi)容</p>
  </div>
  <div class="right-column">
    <p>這是右側(cè)的內(nèi)容</p>
  </div>
</div>

CSS樣式：

.container {
  width: 100%;
  float: left;
}
.left-column {
  width: 50%;
  float: left;
}
.right-column {
  width: 50%;
  float: right;
}

方法二：使用Flexbox布局

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

<div class="container">
  <div class="left-column">
    <p>這是左側(cè)的內(nèi)容</p>
  </div>
  <div class="right-column">
    <p>這是右側(cè)的內(nèi)容</p>
  </div>
</div>

CSS樣式：

.container {
  display: flex;
}
.left-column {
  width: 50%;
}
.right-column {
  width: 50%;
}

方法三：使用CSS Grid布局（推薦）

CSS Grid布局是CSS中非常強大的布局系統(tǒng)，可以輕松地實現(xiàn)復(fù)雜的網(wǎng)格布局，下面是如何使用CSS Grid來實現(xiàn)正文的左右布局：

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

<div class="container">
  <div class="left-column">
    <p>這是左側(cè)的內(nèi)容</p>
  </div>
  <div class="right-column">
    <p>這是右側(cè)的內(nèi)容</p>
  </div>
</div>

CSS樣式：

.container {
  display: grid;
  grid-template-columns: 50% 50%; /* 分配左右兩列的空間 */
}

這種方法不僅簡單，而且提供了更多的靈活性和控制，是現(xiàn)代網(wǎng)頁布局的***，希望這些方法能幫助你實現(xiàn)正文的左右布局。