当左列采用百分比宽度时，如何使右列采用固定宽度？

当左列采用百分比宽度时，可以通过使用CSS中的flex布局来实现右列采用固定宽度。具体步骤如下：

1. 创建一个包含左列和右列的父容器，可以使用div元素或其他适当的HTML元素。
2. 在父容器上应用flex布局，可以通过设置父容器的display属性为flex来实现。
3. 设置左列的宽度为百分比值，例如设置为50%。
4. 设置右列的宽度为固定宽度值，例如设置为200px。
5. 如果需要确保右列始终保持固定宽度，可以使用CSS的min-width属性来设置右列的最小宽度，以防止内容溢出。

以下是一个示例的HTML和CSS代码：

HTML代码：

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

CSS代码：

.container {
  display: flex;
}

.left-column {
  width: 50%;
}

.right-column {
  width: 200px;
  min-width: 200px;
}

在上述示例中，左列的宽度为父容器宽度的50%，右列的宽度为固定的200px，并且通过设置min-width属性来确保右列始终保持固定宽度。你可以根据实际需求调整左列和右列的宽度值。