我想自定义MUI网格高度

Question

我是 React 新手。我想限制 MUI 网格高度。

我使用 MUI 网格将项目分为 3 个部分。我想限制页面的高度以删除浏览器滚动条。如果内容在任何网格中溢出，我想添加自定义滚动条。但我无法限制页面的大小，我在 css 文件中使用了 height: 100vh、height: 100%、max-Height: 100vh 等，但它们都不适合我。可以吗？

Answer 1

mui 网格继承自其父级，因此您必须给它一个具有如下样式的包装器

 const ExampleLayout = () => { 
    return (
      <div style={{display:'flex', width:'100%' }}>
       <div style={{display:'flex', flex: '1 1 0%', overflow: 'auto'}}>
        <MuiGrid/>
       </div>
      </div> }