如何根据内卡高度设置外卡高度

Question

enter image description here我有两张卡，分别是：（红色）卡1和（绿色）卡2，卡1是外部卡，卡2是显示在卡2上方的内部卡。

<Card style = {{position: "absolute", top: 0, right: 0, width: "30%"></Card>
<Grid style = {{position: "relative"}} >
     <TextField
      id="standard-name"
      label="Name"
      className={classes.textField}
      value={this.state.name}
      onChange={this.handleChange('name')}
      margin="normal"
    />
    <Button onClick = {() => {this.pushName()}}> Submit </Button>

    names.map(name => {
       return <p>{name}</p})

  </Grid>

我正在显示卡2上的名称列表，并且其高度随着数组大小（名称）的增加而增加。 因此，第二张纸牌高度是动态的，现在我也想使第一张纸牌动态。卡1的高度也应随卡2的高度而增加。 我该如何实现？

预先感谢！