React Material Card 中的图标按钮答案

【问题标题】：Icon Button in React Material CardReact Material Card 中的图标按钮
【发布时间】：2020-09-27 01:56:28
【问题描述】：

我正在尝试将编辑图标按钮放在卡片的右侧。我想实现如下图所示。请查看此沙箱链接以了解我当前的输出

    <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 />}
        />

【问题讨论】：

标签： css reactjs react-material

【解决方案1】：

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

我将按钮移动到卡片内容并为其设置绝对位置。那么parent相对定位，样式很少。

【讨论】：