2列布局，居中对齐，同时保持列背景颜色的完整大小

<div class="container">
  <div class="column left">
    <!-- 左侧列内容 -->
  </div>
  <div class="column right">
    <!-- 右侧列内容 -->
  </div>
</div>

.container {
  display: flex;
  justify-content: center; /* 水平居中对齐 */
  background-color: #f0f0f0; /* 页面背景色 */
}

.column {
  width: 50%; /* 列宽度为页面宽度的一半 */
  height: 100%; /* 列高度占满容器高度 */
  padding: 20px; /* 可根据实际情况调整列内边距 */
}

.left {
  background-color: #ffffff; /* 左侧列背景色 */
}

.right {
  background-color: #cccccc; /* 右侧列背景色 */
}