小编mak*_*ttk的帖子

我正在使用 Material-UI 创建一个 Web 应用程序。主要就是页面在3个格，每一个分开height的500px。我想在中间网格内显示一个带有一些操作选项的抽屉。那可能吗？到目前为止，我只能在整个屏幕上显示它。

这是我的网格元素的主要组件：

import React, { Fragment } from 'react';
import Grid from '@material-ui/core/Grid';
import Paper from '@material-ui/core/Paper';

const style = {
    Paper: {
        padding: 10,
        marginTop: 5,
        marginBottom: 5,
        height: 500,
        overflowY: 'auto',
        position: 'relative',
    },
    Fab: {
        position: 'absolute',
        top: 5,
        left: 5
    },
}

export default () => {
    return (
        <Fragment>
            <Grid container spacing={1}>
                <Grid item xs={12} sm={4} md={4} lg={2}>
                    <Paper style={style.Paper}>

                    </Paper>
                </Grid>

                <Grid item xs={12} sm={8} md={8} …