父 div 使用 flex 布局，子 div 使用 flex:1 作为列。如何将右侧列的内容推到列的右侧？

要将右侧列的内容推到列的右侧，可以使用justify-content: flex-end属性将内容向右对齐。以下是一个示例代码：

<style>
  .parent {
    display: flex;
  }

  .child {
    flex: 1;
    display: flex;
    justify-content: flex-end;
  }
</style>

<div class="parent">
  <div class="child">
    <!-- 右侧列的内容 -->
  </div>
</div>

在上面的示例中，父级元素 .parent 使用了 display: flex 属性进行了 flex 布局，子元素 .child 使用了 flex: 1 属性来占据剩余的空间，并使用 display: flex 和 justify-content: flex-end 属性将内容向右对齐。