我試著把編輯圖標按鈕放在我卡片的右邊。我想實現如下圖。請查看我當前輸出的沙盒鏈接

點擊此處查看圖片鏈接

單擊此處獲取沙盒鏈接

<CardHeader
          classes={{
            title: classes.title
          }}
          className={classes.cardHeader}
          title={"John Smith"}
          subheader={
            <h2 style={{ color: "white", textAlign: "center" }}>
              User
            </h2>
          }
        />
        <Button
          variant="contained"
          color="secondary"
          className={classes.editButton}
          startIcon={<EditIcon />}
        />

https://codesandbox.io/s/material-demo-ghtlj?文件=/demo.js

我將按鈕移動到卡片內容，并為其設置絕對位置。然后母體相對定位，樣式少。