使用 Material UI clipped Drawer 填充高度的 Flex 内容答案

【问题标题】：Flex content to fill height with Material UI clipped Drawer使用 Material UI clipped Drawer 填充高度的 Flex 内容
【发布时间】：2020-11-17 23:02:48
【问题描述】：

我正在将示例 Material UI 代码用于持久剪辑抽屉。但是，我希望我的内容填满内容空间的整个高度。

我创建了一个沙盒来显示演示代码的问题，我将内容部分的背景着色为红色。我希望内容部分填充右侧的整个高度（即屏幕底部的红色），这是因为我想在该区域放置一个画布进行绘图。

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

谢谢。

【问题讨论】：

标签： css reactjs material-ui

【解决方案1】：

你可以试试这个内部内容吗，100 视口高度可能是你的解决方案：

content: {
    height: "100vh"

【讨论】：