html - 怎么做材料 ui 抽屉演示中的 100% 高度

Question

我有一个 Material UI 抽屉问题。对于我的项目，我想要主标签的背景颜色，但问题是主标签只和里面的内容一样高。

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

我可以将高度设置为“100vh”，使其成为全屏尺寸，但是如果我输入更多数据，它不会填满整个屏幕

宽度：'100%' 很少内容 https://i.stack.imgur.com/D2l1A.png 很多内容 https://i.stack.imgur.com/avtXE.png

宽度：'100vh' 很少内容 https://i.stack.imgur.com/MNZYK.png 很多内容 https://i.stack.imgur.com/YEs7L.png

标签： htmlcssreactjsmaterial-ui

Answer 1

content: {
    flexGrow: 1,
    padding: theme.spacing(3),
    height: window.innerHeight, // <= You Need This Line
    background: "yellow"
  }