Javascript 如何使用物料界面在React中定位嵌套卡片？

我正在使用React和处理物料卡片组件。我的要求是，我在主应用程序栏的正下方显示一张卡片。这张卡里面还有一张更小的卡。问题是，我可以使用marginLeft属性将较小的卡水平移动到较大的卡中。但是，我无法将这张较小的卡垂直移动到较大的卡中。当我使用marginTop属性时，较大的（父卡）也会向下移动。 如何更改卡在父卡中的垂直位置

我的代码如下：

同侧视野同侧视野

use

transform:translateX（）translateY（）

ps下次使用代码段时，它有一个“整洁”函数来格式化您的markup@EmadEmami你能详细说明一下吗？使用

transform:translateX（）translateY（）

ps下次使用一个片段，它有一个“整洁的”函数来格式化您的markup@EmadEmami你能详细说明一下吗？