React &amp; Material UI：位置<IconButton>在右下角<Paper> (無FAB)

Question

問題：

我有一個 react/material-ui 實​​現，我想在其中顯示一個浮動在紙張右下角的編輯圖標。 我已經弄清楚如何讓它漂浮在整個屏幕的右下角，但這不是我在這里的目標。

當前行為：

預期行為：

讓圖標按鈕浮動在紙組件的右下角。

<Paper classnName={classes.paper}>

    <IconButton
      onClick={handleVisionEditCick}
      style={{ position: "???", bottom: 3, right: 3 }}
     >
        <EditIcon className={classes.EditIcon} />
    </IconButton>
    <Typography variant="h5" component="span" color="textPrimary">
         {vision}
    </Typography>
</Paper>

Answer 1

這可能不是最好的解決方案，但您可以嘗試使用 Grid

      <Grid container justify="flex-end" alignItems="flex-end">
        <IconButton style={{ bottom: 3, right: 3 }}>
          <Edit className={classes.EditIcon} />
        </IconButton>
      </Grid>

例子