在右侧渲染div并保持导航居中

<div class="container">
  <div class="navigation">
    <!-- 导航内容 -->
  </div>
  <div class="content">
    <!-- 内容 -->
  </div>
</div>

.container {
  display: flex;
}

.navigation {
  flex: 0 0 auto; /* 固定宽度 */
}

.content {
  flex: 1; /* 填充剩余空间 */
}

.navigation {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

<div class="content">
  <div class="rendered-div">
    <!-- 右侧渲染的内容 -->
  </div>
</div>

.rendered-div {
  /* 右侧渲染div的样式 */
}