如何将手风琴放置在横幅的中心和底部

<div class="container">
  <div class="accordion-center">
    <!-- 手风琴内容 -->
  </div>
  <div class="accordion-bottom">
    <!-- 手风琴内容 -->
  </div>
  <div class="banner">
    <!-- 横幅内容 -->
  </div>
</div>

.container {
  position: relative;
}

.accordion-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  /* 其他样式设置 */
}

.accordion-bottom {
  position: absolute;
  bottom: 0;
  /* 其他样式设置 */
}

.banner {
  /* 横幅样式设置 */
}