这是Vutify 3.我没有使用任何定制的css，只是使用Vutify布局类.我正在创建一个MonthPicker组件.
以下是最终输出:
这是一个简单的v-menu，里面有v-card.卡片有两栏，用于 Select 月份和年份.左栏进一步划分为4x3布局，为期12个月(但这与手头的问题无关).
以下是规则:
- 除了Month按钮之外，我不想在任何元素上指定
height.按钮应指定左栏的高度，而右栏的高度应与左栏的高度相同.卡片本身的高度应与柱子所需的高度相同，不能超过. - 如果第二列(年份)的内容比可用空间高，则会出现一个溢出滚动条，如下图所示.
我这里唯一的问题是在这个设置中显式地指定了正确的列高度(比如height="197")，这是我不想要的.只要我删除Height属性，列就会展开，以占用视口中可用的空间.
我try 了许多方法，包括flex、css网格和绝对位置，但都没有效果.绝对位置行得通，但右栏开始与左栏重叠.
有没有办法让第二列的高度达到第一列所规定的高度？
以下是我的模板布局(我已经删除了不必要的内容):
<v-card width="500">
<v-container>
<v-row no-gutters>
<v-col class="pa-1">
<v-sheet>
<v-row no-gutters>
<v-col cols="3" v-for="c in 12" :key="c">
<v-btn height="60">
{{ months[c - 1] }}
</v-btn>
</v-col>
</v-row>
</v-sheet>
</v-col>
<v-col cols="auto">
<v-sheet>
<v-row no-gutters>
<v-col>
<v-list lines="one" height="197">
<v-list-item-group>
<div v-for="n in 100" :key="n">
{{ n + 2000 }}
</div>
</v-list-item-group>
</v-list>
</v-col>
</v-row>
</v-sheet>
</v-col>
</v-row>
</v-container>
</v-card>