Vue.js 类星体-q-滚动区域：让孩子适应可用空间

我有一个

q-page

，其中包含一个

q-card

，其中包含一个

q-scroll-area

。 有两种可能性

子对象比父对象小（水平、垂直或两者都小）。在这种情况下，我希望子对象扩展并占用所有可用空间

子对象比父对象大。在这种情况下，我想让用户滚动内容

（2） 只需将孩子保持在q区域内即可轻松实现。但是，（1）看起来很棘手。当我将

class=“absolute fit”

添加到子对象时，它占用水平空间，但不占用垂直空间

我想知道当您希望孩子占用所有可用空间时，使用

q-scroll-area

的最佳方式是什么