CSS 是现代网页设计的必备技能之一，而页面布局又是 CSS 中的一个重要方面。其中，双栏页面布局是一种常见的布局方式。接下来，我们将介绍如何通过 CSS 实现双栏页面布局。

首先，我们需要在 HTML 文档中定义两个栏目的结构：一个主栏和一个侧边栏。代码如下：

<div class="main">
  <p>这里是主栏内容</p>
</div>

<div class="sidebar">
  <p>这里是侧边栏内容</p>
</div>

接下来，在 CSS 中定义栏目的样式：

/* 设置主栏的宽度和浮动 */
.main {
  width: 70%;
  float: left;
}

/* 设置侧边栏的宽度和浮动 */
.sidebar {
  width: 30%;
  float: right;
}

在上述代码中，我们将主栏的宽度设置为页面宽度的 70%，并将其向左浮动；将侧边栏的宽度设置为页面宽度的 30%，并将其向右浮动。

此时，我们已经完成了双栏页面布局的基本设置。你可以根据需要进行调整，比如增加栏目之间的距离、设置背景颜色等。

总之，在 CSS 中实现双栏页面布局需要注意设置栏目的宽度和浮动方向。希望这篇文章对你有所帮助！