Reactjs 材料ui卡组件'；在GridList中时，s的阴影和底部会被剪裁

我正在尝试使用组件创建一个网格。然而，在我尝试将卡片放入其中时，底部和阴影被剪掉。我认为这是一个非常简单的css问题，但我看不出有什么错。这是沙箱：

在这张图中，您可以看到当与不同行上的其他卡堆叠时，每张卡的底部是如何被剪裁的。但是，如果修改窗口大小，在其正下方没有另一张卡的卡将正确渲染底部。可以在沙盒链接中检查此行为

---

如果您在开发人员工具中检查卡，您将看到它没有任何喘息空间，并且它使用了

框阴影

属性

长方体阴影配置为将

2px

作为其

offset-y

，因此需要一些底部边距

const useStyles = makeStyles((theme) => ({
  card: {
    maxWidth: 160,
    height: "100%",
    marginBottom: "2px" // or margin: "2px" so at least all sides are covered
  }
}));

---

参考资料：

请兄弟给他更多的利润（不仅仅是底部），我必须同意@adirabargil。但OP确实特别提到了底部。我在我的编辑中对代码发表了评论哈哈，非常感谢，这完全有道理。将来我会给这些卡片更多的喘息空间：D