如何使用CSS将内容居中，以便与粘性边栏一起工作？

<div class="container">
  <div class="sidebar">
    <!-- 粘性边栏内容 -->
  </div>
  <div class="content">
    <!-- 主要内容 -->
  </div>
</div>

.container {
  display: flex;
}

.sidebar {
  /* 粘性边栏样式 */
}

.content {
  margin: auto; /* 将内容居中 */
}

.container {
  display: grid;
  grid-template-columns: 1fr auto; /* 将内容列设置为自动扩展的1份，边栏列设置为固定宽度 */
}

.sidebar {
  /* 粘性边栏样式 */
}

.content {
  margin: auto; /* 将内容居中 */
}