将手风琴的卡身对准卡头的右上方

Question

普通手风琴的工作原理是向下扩展。我希望我的Boostrap Vue手风琴（https://bootstrap-vue.js.org/docs/components/collapse/#accordion-support）在扩展时将card-body与card-headers的右上方对齐。

普通手风琴：

我要：展开的页眉（card-body）对齐右上角。我希望所有扩展都与右上角对齐。如下所示：

我设法将card-header对准左侧，card-body对准右侧，像这样：

.container {
    margin: 0 auto;
    max-width: 1150px;
  }

  header.card-header {
    float: left !important;
    width: 25% !important;
  }

  .card-body {
    width: 70%;
    float: right !important;
  }

我不知道如何将card-body对准顶部。希望能有所帮助。谢谢！