如何使用Material UI在嵌套卡中定位嵌套卡？

Question

我正在使用Material UI进行React并处理Material Cards Component。我的要求是，我正在显示一张位于主App栏正下方的卡片。这张卡还有一个嵌入其中的小卡片。问题是我能够使用marginLeft属性水平移动较大卡内的较小卡。但是我无法在较大的卡片内垂直移动这张较小的卡片。当我使用marginTop属性时，较大的（父卡）也会向下移动。 如何在父卡内垂直更改卡的位置？

我的代码如下：

＆＃13;

＆＃13;

<div>
  <Card style={{ width: '100vw', height: '60vh', margin: 'auto', marginTop: '0.05vh', backgroundColor: '#263238', }}>
    <Card style={{ width: '30vw', height: '40vh', marginLeft: '10vw', marginTop: '0.05vh', backgroundColor: '#FAFAFA', }}>
      <CardText color="#263238" style={{ fontSize: '3vw', }}>
        Lorem Ipsum Lorem Ipsum
      </CardText>
    </Card>
  </Card>
</div>

＆＃13;

＆＃13;

＆＃13;