父级盒子如何根据内容的多少自动增加高度。<!--dataV特效框--> <dv-border-box-11 :color="['#00ee83','#197bfe']" title="游戏详情" :titleWidth="300"> <!--富文本详情内容" --> <div class="game-info-md"> <vue-markdown :source="niceGameInfo"> </vue-markdown> </div> </dv-border-box-11>

要使父级盒子根据内容的多少自动增加高度，您可以使用CSS的flexbox属性。在您的代码中，将父级盒子的display属性设置为flex，并将flex-direction属性设置为column，这样子元素将垂直排列。然后，将子元素的flex属性设置为1，这样它将根据内容的多少自动增加高度。以下是修改后的代码示例：

<dv-border-box-11 :color="['#00ee83','#197bfe']" title="游戏详情" :titleWidth="300" style="display: flex; flex-direction: column;">
  <!--富文本详情内容" -->
  <div class="game-info-md" style="flex: 1;">
    <vue-markdown :source="niceGameInfo"></vue-markdown>
  </div>
</dv-border-box-11>

通过这样的设置，父级盒子的高度将根据子元素内容的多少自动增加。